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内 容 简 介 


ASPNET 是 Web 应 用 程序 开发 的 主流 技术 之 一 .本 书 以 Visual Studio Express 2012 for Web 和 SQL Server 
2012 Express 为 开发 平台 ， 以 技术 应 用 能 力 培养 为 主线 ， 介 绍 网 站 配置 、 开 发 环境 、jQuery、 与 ASPNET4.5 
结合 的 C# 基 础 、ASPNET 4.5 页 面 调试 、ASPNET 4.5 常用 服务 器 控件 、 用 户 控件 、 验 证 控件 、 状 态 管理 、 
LINQ 访问 数据 库 、 数 据 绑 定 控件 、 用 户 和 角色 管理 、 主 题 、 母 版 、Web 部 件 、 网 站 导航 、Microsoft Ajax、 
Web 服务 、WCEF 服务 、 文 件 处 理 等 ， 最 后 的 实例 MyPetShop 综合 了 开发 全 过 程 ， 提 供 了 ASPNET 4.5 网 站 
开发 的 学 习 模 板 。 书 中 包含 的 实例 来 自作 者 多 年 的 教学 积累 和 项 目 开发 经 验 ， 颇 具 实 用 性 。 

为 方便 教师 教学 和 读者 自学 , 本 书 有 配套 的 实验 指导 书 《Web 程序 设计 一 一 ASPNET 上 机 实验 指导 (第 
2 版 ))， 还 有 免费 配套 的 课件 、 教 学 大 纲 、 实 验 大 纲 、 实 例 源 代码 等 。 

本 书 概念 清晰 、 逻 辑 性 强 ， 内 容 由 浅 入 深 、 循 序 渐进 ， 适 合作 为 高 等 院 校 计算 机 相关 专业 的 Web 程序 
设计 、 网 络 程序 设计 、Web 数据 库 应 用 等 课程 的 教材 ， 也 适合 对 Web 应 用 程序 开发 有 兴趣 的 人 员 自 学 使 用 。 
希望 本 书 能 成 为 初学 者 从 入 门 到 精通 的 阶梯 。 
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目前 ，Web 程序 设计 一 般 都 使 用 ASPNET、JSP 或 PHP。ASPNET 由 Microsoft 提出 ， 
易学 易 用 、 开 发 效率 高 ， 可 配合 任何 一 种 NET 语言 进行 开发 。JSP 需 配 合 使 用 Java 语言 。 
PHP 的 优点 是 开源 ， 缺 点 是 缺乏 大 公司 支持 。JSP 和 PHP 较 之 于 ASPNET 要 难 学 。 实 际 上 ， 
国内 外 越 来 越 多 的 软件 公司 已 应 用 ASPNET 技术 进行 Web 应 用 程序 开发 。 

ASPNET 4.5 建立 在 .NET Framework 4.5 的 基础 上 , 强调 开发 人 员 的 工作 效率 ,着力 提 升 
系统 运行 性 能 和 可 扩展 性 。 通 过 使 用 LINQ 技术 ， 可 提供 跨 各 种 数据 源 和 数据 格式 查询 数据 
的 一 致 模型 。 它 包含 的 Microsoft Ajax 极 大 地 简化 了 在 ASPNET 网 站 中 实现 页 面 局 部 刷新 的 
效果 。 使 用 ASPNET 4.5 的 开发 环境 Visual Studio 2012， 能 很 好 地 支持 XHTML5、CSS3、 
jQuery， 实 现 JavaScript 的 智能 编程 提示 ， 还 支持 开发 适合 智能 手机 与 平板 电脑 浏览 的 页 面 。 

本 书 紧 扣 基 于 ASPNET 4.5 的 Web 应 用 程序 开发 所 需要 的 知识 、 技 能 和 素质 要 求 ， 以 技 
术 应 用 能 力 培养 为 主线 构建 教材 内 容 。 强 调 以 学 生 为 主体 ， 履 盖 基 础 知识 和 理论 体系 ， 突 出 
实用 性 和 可 操作 性 ， 强 化 实例 教学 ， 通 过 实际 训练 加 强 对 理论 知识 的 理解 。 注 重 知识 和 技能 
结合 ， 把 知识 点 融入 实际 项 目的 开发 中 。 在 这 种 思想 指导 下 ， 本 书 内 容 组 织 如 下 : 

第 1 章 着 重 介绍 ASPNET 4.5 的 运行 、 开 发 环境 和 网 站 配置 等 。 

第 2 章 以 知识 够 用 为 原则 介绍 ASPNET 4.5 Web 应 用 程序 开发 的 准备 知识 ， 主 要 包括 核 
心 的 XHTMLS 元 素 、 页 面 模型 、 实 现 布 局 的 CSS3、 提 升 用 户 体验 的 JavaScript、 广 受 欢迎 的 
jQuery、 标 准 的 数据 交换 格式 语言 XML、 配 置 文件 、 全 局 应 用 程序 类 文件 等 。 

第 3 章 给 出 了 C# 的 浓缩 版 , 并 且 在 介绍 时 直接 与 ASPNET 4.5 结合 , 还 介绍 了 ASPNET 
4.5 页 面 调试 技术 。 

第 4~5 章 介绍 ASPNET 4.5 标准 控件 和 验证 控件 的 应 用 。 

第 6 章 介绍 ASPNET 4.5 页 面 运行 时 的 HITP 请 求 、 响 应 、 状 态 管理 机 制 。 

第 7 章 介绍 利用 数据 源 控件 和 LINQ 技术 访问 数据 库 。 其 实 ， 熟 练 掌握 LINQ 技术 可 实 
现任 何 数据 访问 要 求 。 

第 8 章 介 绍 利用 数据 绑 定 控件 呈现 数据 库 中 数据 的 技术 。 

第 9 章 从 用 户 和 角色 管理 角度 介绍 ASPNET 4.5 的 安全 性 ， 以 及 利用 登录 系列 控件 建立 
安全 页 的 技术 。 

第 10 章 从 网 站 整体 风格 统一 角度 介绍 主题 、 母 版 、 用 户 控件 ， 还 介绍 了 目前 越 来 越 流 
行 的 个 性 化 服务 所 需要 的 Web 部 件 。 

第 11 章 介 绍 网 站 导航 技术 。 

第 12 章 介绍 能 给 用 户 提供 最 佳 体验 的 Microsoft Ajax 技术 。 
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第 13 章 介绍 Intermet 上 广泛 调用 的 Web 服务 和 Microsoft 推出 的 WCEF 服务 。 

第 14 章 介绍 Web 服务 器 上 的 文件 处 理 。 

第 15 章 纵览 全 局 ， 以 一 个 综合 实例 MyPetShop, 综合 ASPNET 4.5 Web 应 用 程序 开发 全 
过 程 ， 给 出 了 一 个 很 好 的 学 习 模 板 。 

本 书 以 Visual Studio Express 2012 for Web 和 SQL Server 2012 Express 为 开发 平台 ， 使 有 
C# 开 发 语言 ， 提 供 大 量 来 源 于 作者 多 年 教学 积累 和 项 目 开发 经 验 的 实例 。 

为 方便 教师 教学 和 读者 自学 ， 本 书 有 配套 的 实验 指导 书 《Web 程序 设计 一 一 ASPNET 上 
机 实验 指导 (第 2 版 ))， 还 有 免费 配套 的 课件 、 教 学 大 纲 、 实 验 大 纲 、 实 例 源 代码 等 。 有 关 
课件 、 实 例 源 代码 等 可 到 http://www.tup.com.cn 下 载 。 

本 书 概念 清晰 、 逻 辑 性 强 ， 内 容 由 浅 入 深 、 循序渐进， 适合 作为 高 等 院 校 计算 机 相关 专 
业 的 Web 程序 设计 、 网 络 程序 设计 、Web 数据 库 应 用 等 课程 的 教材 ， 也 适合 对 Web 应 用 程 
序 开发 有 兴趣 的 人 员 自 学 使 用 。 

本 书 由 沈 士 根 负责 统 稿 ， 其 中 ， 沈 士 根 编写 了 第 1~9 章 ， 汪 承 败 编写 了 第 10~14 章 ， 许 
小 东 编写 了 第 15 章 。 应 红 振 和 陈 科 吉 为 综合 实例 MyPetShop 的 开发 和 调试 投入 了 很 多 精力 。 

本 书 第 1 版 和 配套 的 《Web 程序 设计 一 一 ASPNET 上 机 实验 指导 》( 第 1 版 ) 在 2009 年 
出 版 后 ， 多 次 印刷 ， 受 到 了 众多 高 校 和 广大 读者 的 欢迎 ， 很 多 不 相识 的 读者 来 邮件 与 我 们 交 
流 并 给 出 了 宝贵 意见 。 在 此 ， 表 示 衷 心 感谢 。 

希望 本 书 能 成 为 初学 者 从 入 门 到 精通 的 阶梯 。 书 中 存在 的 疏漏 及 不 足 之 处 ， 欢 迎 读 者 发 
邮件 与 我 们 共同 交流 ， 以 便 再 版 时 改进 。 我 们 的 邮箱 是 : ssgwcyxxd@126.com。 


作 者 
2014 年 2 月 
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ASP.NET 4.5 运行 及 开发 环境 


本 章 要 点 : 

。 了 解 ASPNET 4.5 的 基础 NET Framework。 

* 熟悉 ASPNET 4.5 运行 环境 及 IIS 网 站 、Web 应 用 程序 、 虚 拟 目 录 设 置 。 
* 熟悉 Visual Studio Express 2012 for Web 开发 环境 。 

* 掌握 ASPNET 4.5 网 站 的 创建 和 复制 过 程 。 


1.1 ASPNET 概述 


ASPNET 基于 .NET Framework， 使 用 NET 语言 调用 .NET Framework 类 库 ， 实 现 Web 应 
用 程序 开发 。 实 际 工程 中 的 ASPNET 4.5 网 站 通常 包含 静态 页 面 和 动态 页 面 。 


1.1.1 静态 页 面 和 动态 页 面 


静态 页 面 不 包含 需要 在 服务 器 端 运行 的 代码 ， 只 包含 HTML 元 素 和 CSS 样式 ， 一般 以 
扩展 名 htm 或 html 存储 。 静 态 页 面 的 内 容 一 经 制 成 ， 就 不 会 再 变化 ， 不 管 何 时 何人 访问 ， 显 
示 的 都 是 相同 的 内 容 。 虽 然 静 态 页 面 存 储 在 Web 服务 器 上 , 但 解释 执行 静态 页 面 完 全 由 浏览 
器 下 载 后 完成 。 因 此 ， 查 看 静态 页 面 设计 的 效果 不 需要 Web 服务 器 ， 只 需要 浏览 器 。 

动态 页 面 不 仅 可 以 包含 HTML 元 素 和 CSS 样式 ， 还 可 以 包含 JavaScript 代码 和 需要 在 
Web 服务 器 端 编译 执行 的 代码 。 动态 页 面 的 开发 技术 除 本 书 采用 的 ASPNET 外 ,还 有 ASP、 
JSP、PHP 等 。 动 态 页 面 的 内 容 存 储 于 数据 库 中 ，Web 服务 器 可 以 根据 不 同 用 户 发 出 的 不 同 
请 求 , 为 其 提供 个 性 化 的 页 面 内 容 。 实 际 执行 时 ， 所 有 动态 页 面 都 需要 Web 服务 器 转换 成 静 
态 页 面 后 ， 才 能 在 用 户 浏览 器 中 显示 最 终 效果 。 

在 同一 个 ASP.NET 4.5 网 站 中 ， 同 时 存在 静态 页 面 和 动态 页 面 是 很 正常 的 。 当 页 面 内 容 
可 以 直接 通过 页 面 设 计 而 不 需要 通过 改变 数据 库 中 数据 进行 更 新 时 , 常 使 用 静态 页 面 , 反之 ， 
则 使 用 动态 页 面 。 由 于 静态 页 面 不 需要 Web 服务 器 的 编译 执行 ,所 以 静态 页 面 的 访问 速度 要 
快 于 动态 页 面 。 因 此 ， 门 户 网 站 通常 将 动态 页 面 转换 成 静态 页 面 ， 以 提高 用 户 的 浏览 访问 速 
度 。 同 时 ， 这 种 转换 还 可 以 让 搜索 引擎 更 加 容易 地 检索 到 网 站 的 关键 词 。 


1.1.2 .NET Framework 


.NET Framework 是 一 套 Microsoft 应 用 程序 开发 的 框架 ， 主 要 目的 是 要 提供 一 个 一 致 的 
开发 模型 .作为 Windows 的 一 种 组 件 ， 它 为 下 一 代 应 用 程序 和 XML Web 服务 提供 支持 。NET 
Framework 旨 在 实现 以 下 目标 : 提供 一 个 一 致 的 面向 对 象 的 编程 环境 ;提供 一 个 实现 软件 部 
署 和 版 本 冲突 最 小 化 的 执行 环境 ;提供 一 个 可 提高 代码 执行 安全 性 的 环境 ;使 开发 人 员 在 面 
对 Windows 应 用 程序 和 Web 应 用 程序 时 保持 一 致 的 开发 流程 。 
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.NET Framework 具有 两 个 主要 组 件 : 公共 语言 运行 库 (Common Language Runtime, CLR) 
和 .NET Framework 类 库 。CLR 是 .NET Framework 的 基础 ， 提 供 内 存 管理 、 线 程 管理 和 远程 
处 理 等 核心 服务 ， 并 且 强 制 实施 严格 的 类 型 安全 来 提高 代码 执行 的 安全 性 和 可 靠 性 。 通 常 把 
以 CLR 为 基础 运行 的 代码 称 为 托管 代码 , 而 不 以 CLR 为 基础 运行 的 代码 称 为 非 托管 代码 。 .NET 
Framework 类 库 完 全 面向 对 象 ， 与 CLR 紧密 集成 ， 可 以 使 用 它 开发 多 种 应 用 程序 ， 如 传统 的 
Windows 应 用 程序 、Web 服务 和 ASPNET 网 站 等 。 


1.1.3 ASPNET 特性 


很 多 人 把 ASPNET 当 作 一 种 编程 语言 , 但 它 实 际 上 是 .NET Framework 提供 的 一 个 组 件 。 
任何 .NET 语言 均 可 以 引用 该 组 件 来 生成 企业 级 ASPNET 网 站 所 必需 的 各 种 页 面 。 概 括 起 来 ， 
ASPNET 具有 以 下 特性 。 

1。 与 .NET Framework 完美 整合 

ASPNET 作为 .NET Framework 的 一 部 分 ， 可 以 像 开 发 其 他 .NET 应 用 程序 一 样 地 使 用 类 
库 , 也 就 是 说 , 在 Microsoft 提供 的 Visual Studio (VS ) 开发 环境 中 , ASPNET 网 站 和 Windows 
应 用 程序 的 开发 原理 是 一 致 的 。 并 且 ，ASP.NET 网 站 的 开发 可 使 用 任何 一 种 .NET 语言 ， 本 
书 的 所 有 实例 均 采 用 C#。 

2. ASP.NET 属于 编译 型 而 非 解释 型 

ASPNET 网 站 编译 有 两 个 阶段 。 第 一 阶段 ， 当 ASP.NET 页 面 被 首次 访问 或 ASP.NET 网 
站 被 预 编译 时 , 包含 的 语言 代码 将 被 编译 成 微软 中 间 语 言 MSIL 代码 。 第 二 阶段 , 当 ASP.NET 
页 面 实际 执行 前 ，MSIL 代码 将 以 即时 编译 形式 被 编译 成 机 器 语言 。 图 1-1 给 出 了 基于 C# 的 
ASP.NET 页 面 编译 流程 。 


CH 代码 | =-| cx 编译 器 上-| MSIL 代 码 | | 即时 编译 -~[ 机 器 语言 代码 上 = | 执行 ] 


图 1-1 基于 C# 的 ASPNET 页 面 编译 流程 


1.1.4 ASPNET 版 本 


自 Microsoft 提出 ASPNET 至 今 ， 已 历经 1.0、1.1、2.0、3.5、4.0、4.5 版 本 。 

与 ASPNET 1.x 相 比 ，ASP.NET 2.0 在 提高 开发 效率 、 简 化 管理 和 提高 性 能 等 方面 进 一 
步 增强 。 主 要 表现 在 : 包含 更 丰富 的 服务 器 控件 ， 增 加 了 40 多 个 控件 类 ; 增加 了 主题 和 母 版 
页 ， 使 得 网 站 开发 更 容易 建立 统一 的 风格 和 布局 ;增加 的 成 员 资格 和 角色 管理 实现 了 模块 化 
和 自动 化 的 模式 ; 增加 的 数据 控件 能 更 加 方便 地 连接 数据 源 和 绑 定 数据 ，Web 部 件 的 增加 为 
用 户 浏览 页 面 提供 了 布局 调整 等 多 种 个 性 化 页 面 功 能 ; 用 户 个 性 化 配置 的 增加 为 存储 用 户 的 
配置 数据 提供 了 方便 。 

ASPNET3.5 随 VS 2008 发 布 ， 新 增 了 语言 集成 查询 (Language Integrated Query, LINQ) 
和 Microsoft Ajax 技术 。 其 中 LINQ 提供 了 一 种 跨 各 种 数据 源 和 数据 格式 查询 数据 的 一 致 模 
型 ， 可 以 使 用 相同 的 编码 模式 来 查询 XML 文档 、SQL 数据 库 、DataSet 和 .NET 集合 中 的 数 
据 。Microsoft Ajax 极 大 地 简化 了 在 ASPNET 网 站 中 实现 页 面 局 部 刷新 的 效果 ， 而 且 在 VS 
2008 开发 环境 中 还 可 以 调试 页 面 上 使 用 的 JavaScript。 

VS 2010 发 布 的 ASPNET 4.0 新 增 了 ASPNET MVC 模式 和 Chart 控件 。ASPNET MVC 
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模式 将 应 用 程序 分 为 模型 、 视 图 和 控制 器 。 其 中 ， 模 型 用 于 实现 数据 逻辑 操作 ;视图 用 于 显 
示 应 用 程序 的 用 户 界面 控制 器 作为 模型 和 视图 的 中 间 组 件 ， 通 过 处 理 用 户 交 互 ， 使 用 模型 
获取 数据 并 生成 视图 ， 再 显示 到 用 户 界面 上 。 这 种 模式 使 Web 应 用 程序 开发 中 的 输入 逻辑 、 
业务 逻辑 和 界面 逻辑 相互 分 离 ， 方 便 实 现 并 行 开发 流程 。Chart 控件 作为 一 种 图 表 型 控件 ， 能 
方便 地 建立 柱状 直方 图 、 曲 线 走 势 图 和 饼 状 比例 图 等 。 
VS 2012 发 布 的 ASPNET 4.5 在 页 面 设计 上 有 长 足 的 进步 。 它 支持 XHTML5 和 CSS3， 
可 以 将 Web 应 用 程序 使 用 的 JavaScript 程序 文件 和 CSS 样式 文件 打包 成 一 个 单一 文件 进行 下 
载 以 改善 页 面 的 浏览 效率 ， 而 且 在 VS 2012 开发 环境 中 还 可 以 实现 JavaScript 的 智能 编程 提 
示 。 同 时 ，ASP.NET 4.5 支持 开发 适合 智能 手机 与 平板 电脑 浏览 的 页 面 。 


1.2 IIS 


IIS (Intemet 信息 服务 ) 提供 了 集成 、 可 靠 的 Web 服务 器 功能 ， 实 际 运 行 的 ASP.NET 
网 站 需要 IIS 支持 。IIS 的 版 本 与 不 同 的 操作 系统 有 关 ， 如 Windows 7 旗舰 版 对 应 IS 7.5。 

注意 : 在 VS 2012 开发 环境 中 建立 网 站 时 ， 可 以 使 用 内 含 的 IIS Express 或 “Visual Studio 
开发 服务 器 "运行 网 站 ， 不 需要 额外 安装 操作 系统 中 的 IIS。 


1.2.1 IIS 7.5 的 安装 


下 面 以 在 Windows 7 旗舰 版 上 安装 IS 7.5 为 例 说 明 。 

选择 “开始 ”一 “控制 面板 ”一 “程序 ”一 “打开 或 关闭 Windows 功能 ”命令 ， 在 呈现 
的 对 话 框 中 选中 “Intemet 信息 服务 ” 复 选 框 。 展 开 “Intemet 信息 服务 ”一 “万 维 网 服务 ” 
选项 ， 在 “安全 性 ”选项 下 选中 “Windows 身份 验证 ”和 “请 求 筛选 ” 复 选 框 ;， 在 “应 用 程 
序 开发 功能 ”选项 下 分 别 选中 “.NET 扩展 性 ”、ASP.NET、“ISAPI 扩展 ”、“ISAPI 筛选 
器 ”等 复 选 框 ， 选 择 后 的 界面 如 图 1-2 所 示 。 最 后 单 击 “ 确 定 ”按钮 完成 安装 。 


日 加 让 Internet 信息 服务 
加 回 昌 rrz 服务 各 


mr 

图 Yeb 管理 工具 

日 万 维 网 服务 
日 回 


四 田 田 
回回 回 
PEPE :ap 


图 1-2 ”选择 安装 “Intemet 信息 服务 ”界面 


注意 : 若 IIS 7.5 在 VS 2012 安装 后 再 安装 ， 为 使 IIS 能 运行 ASPNET 4.5 页 面 ， 需 注册 


Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


ASPNET。 其 步骤 是 先 以 管理 员 身 份 运行 cmd.exe 文件 ， 再 在 其 后 出 现 的 窗口 中 输入 命令 
%owindir%\Microsoft.NET\Framework\v4.0.30319\aspnet regiis -i 完成 注册 。 


1.2.2 ITS 7.5 中 的 网 站 、Web 应 用 程序 和 虚拟 目录 


在 IIS 7.5 中 ， 网 站 是 Web 应 用 程序 的 容器 ， 可 以 通过 绑 定 卫 地 址 、 端 口 和 可 选 的 主机 
名 来 访问 网 站 。Web 应 用 程序 是 一 种 在 应 用 程序 池 中 运行 并 通过 HTTP 协议 向 用 户 提供 Web 
内 容 的 程序 。 其 中 ， 应 用 程序 池 用 于 工作 进程 的 运行 配置 ， 并 保证 各 工作 进程 的 独立 运行 ， 
即使 有 Web 应 用 程序 出 现 故 障 也 不 会 影响 到 其 他 Web 应 用 程序 的 运行 。 虚 拟 目 录 是 映射 到 
本 地 或 远程 Web 服务 器 上 的 物理 文件 夹 的 别名 。 

网 站 、Web 应 用 程序 和 虚拟 目录 在 组 织 结构 上 呈现 出 一 种 层次 关系 。 一 个 网 站 必须 包含 
一 个 或 多 个 Web 应 用 程序 ,一 个 Web 应 用 程序 必须 包含 一 个 或 多 个 虚拟 目录 .可 通过 “Intemet 
信息 服务 (IS) 管 理 器 ”配置 IS 7.5 中 的 网 站 、Web 应 用 程序 和 虚拟 目录 ， 配 置 后 的 组 织 结构 
关系 存储 在 %windir%\System32\inetsrv\config\applicationHost.config 文件 的 <sites> 元 素 中 。 

注意 : IIS 7.5 中 的 网 站 与 VS 2012 中 的 网 站 不 是 同一 个 概念 。 实 际 上 ，IIS 7.5 中 的 Web 
应 用 程序 与 VS 2012 中 的 网 站 相对 应 。 

1. 在 HS 7.5 中 添加 网 站 

下 面 以 在 HS 7.5 中 建立 Book 网 站 为 例 进行 说 明 ， 其 中 对 应 的 物理 路 径 为 E:\Book, 卫 地 
址 为 10.1.1.2， 端 口号 为 8080。 

(1) 选择 “开始 ”一 “控制 面板 ”一 “系统 和 安全 ”一 “管理 工具 ”一 “Intemet 信息 服 
务 (IS) 管 理 器 ”命令 ， 呈 现 如 图 1-3 所 示 的 界面 。 

(2) 在 图 1-3 中 ， 右 击 “ 网 站 ”选项 ， 在 弹出 的 快捷 菜单 中 选择 “添加 网 站 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 输入 网 站 名 称 Book、 物 理 路 径 E\Book、 端 口 8080， 如 图 1-4 所 示 。 最 
后 单 击 “ 人 确定” 按钮 建立 Book 网 站 。 此 后 , 若 在 浏览 器 中 输入 http://10.1.1.2:8080/Default.aspx， 
则 表示 访问 E:\Book\Default.aspx。 


rT EE 


GS | 号 CoWPUTERNANE ， 


文件 如 ”视图 如 ”地 助 吕 
JTERNA) 
| | COMPUTERNAME 主页 


日 ET 
他 应 用 程序 了 条 选 : 昌 


JET 全 球 化 者 R 


龟 中 
wr 入 加 rr 摆 于 邮 
加 


鼎力 能 视图 ] 忆 内 容 视图 


图 1-3 “Intemet 信息 服务 (IS) 管 理 器 ” 
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a 


1-4 “添加 网 站 ”对 话 框 


注意 : 通过 改变 端口 号 可 以 在 一 台 主 机 上 同时 运行 多 个 网 站 。 另 外 ，80 端口 为 HTTP 协 
议 的 默认 端口 ， 也 就 是 说 ， 若 一 个 网 站 的 端口 号 为 80， 则 在 浏览 器 中 输入 地 址 时 不 需要 输入 
端口 号 。 

2. 在 IIS 7.5 中 添加 应 用 程序 池 

下 面 以 在 Book 网 站 中 建立 Chap 应 用 程序 池 为 例 进行 说 明 。 在 图 1-3 中 ， 右 击 “ 应 用 程 
序 池 ”选项 ， 在 弹出 的 快捷 菜单 中 选择 “添加 应 用 程序 地” 命令 ， 然 后 在 呈现 的 对 话 框 中 输 
入 名 称 Chap， 如 图 1-5 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 添加 Chap 应 用 程序 池 。 


添加 应 用 程序 池 


HET Pranework v4.0.30319 


图 1-5 “添加 应 用 程序 池 ” 对 话 框 


3. 在 IS 7.5 中 添加 Web 应 用 程序 

下 面 以 在 Book 网 站 中 建立 Web 应 用 程序 Chap 为 例 进行 说 明 ， 其 中 对 应 的 物理 路 径 为 
E:\Book\ChapSite。 在 图 1-3 中 ， 展 开 “ 网 站 ”选项 ， 右 击 Book 选项 ， 在 弹出 的 快捷 菜单 中 
选择 “添加 应 用 程序 ”命令 ， 然 后 在 呈现 的 对 话 框 中 输入 别名 Chap 、 物 理 路 径 
E:\Book\ChapSite， 选 择 Chap 应 用 程序 池 ， 如 图 1-6 所 示 。 最 后 单 击 “确定 ”按钮 建立 Chap 
应 用 程序 。 此 后 ， 若 在 浏览 器 中 输入 http://10.1.1.2:8080/Chap/Default.aspx， 则 表示 访问 
E:\Book\ChapSite\Default.aspx。 
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添加 应 用 程序 下] 


别名 凶 : 应 用 程序 地 中; 

pe 
示例 : 销售 

物理 路 径 吧 ) 


Pe: ‘Boor\chapsite 芽 | 


传递 身份 验证 
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图 1-6 “添加 应 用 程序 ”对 话 杠 


注意 : 通过 建立 不 同 的 Web 应 用 程序 可 以 在 同一 个 网 站 中 同时 运行 多 个 Web 站 点 ( 即 
VS 2012 中 的 网 站 概念 ) 。 从 1.3 节 开 始 ， 除 特别 说 明 外 ， 网 站 和 Web 应 用 程序 表示 同一 个 

4. 在 IIS 7.5 中 添加 虚拟 目录 

下 面 以 在 Chap 应 用 程序 中 添加 C2 虚拟 目录 为 例 进行 说 明 ， 对 应 的 物理 路 径 为 
F:\Book_ HTML\ChapSite\Chap2。 在 图 1-3 中 ， 依 次 展开 “网 站 ”一 Book 选项 ， 右 击 Chap 选 
项 ， 在 弹出 的 快捷 菜单 中 选择 “添加 虚拟 目录 ”命令 ， 然 后 在 呈现 的 对 话 框 中 输入 别名 C2、 
物理 路 径 F\Book_HTMLAChapSite\Chap2， 如 图 1-7 所 示 。 最 后 单 击 “确定 ”按钮 添加 C2 虚 
拟 目 录 。 此 后 ， 若 在 浏览 器 中 输入 http://10.1.1.2:8080/Chap/C2/Default.aspx， 则 表示 访问 
F:\Book HTML\ChapSite\Chap2\Default.aspx。 

TEE eas 


网 站 名 称 : Book 
路 径 : /Chap 


别名 凶 : 
Ez 
示例 : 映像 


PF: \Book_ HTML\ChapSite\Chap2 区 


连接 为 C) | 惠 丙 置 @ 
We | my | 


图 1-7 “添加 虚拟 目录 ”对 话 杠 


虚拟 目录 也 可 以 直接 添加 到 一 个 HS 7.5 网 站 中 ， 但 该 操作 实际 上 仍然 是 在 一 个 Web 应 
用 程序 中 添加 虚拟 目录 。 这 是 因为 在 添加 一 个 IS 7.5 网 站 后 ， 即 使 没有 添加 Web 应 用 程序 ， 
IS 7.5 也 会 在 建立 的 网 站 中 自动 添加 一 个 根 Web 应 用 程序 。 因此 , 向 一 个 HS 7.5 网 站 中 添加 
虚拟 目录 实际 上 是 将 该 虚拟 目录 添加 到 根 Web 应 用 程序 中 。 例 如 ， 将 上 述 的 C2 虚拟 目录 添 
加 到 Book 网 站 ， 则 地 址 http://10.1.1.2:8080/C2/Default.aspx 和 http://10.1.1.2:8080/Chap/C2/ 
Default.aspx 表示 访问 同一 个 页 面 。 

注意 : 通过 添加 不 同 的 虚拟 目录 可 以 在 同一 个 Web 应 用 程序 中 运行 多 个 Web 站 点 ， 但 
在 实际 工程 中 ,虚拟 目录 主要 为 本 地 或 远程 Web 服务 器 上 的 物理 文件 夹 提供 别名 。 这 样 ， 就 
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可 以 发 布 多 个 文件 夹 下 的 内 容 供 用 户 访问 ， 并 能 单独 控制 每 个 虚拟 目录 的 访问 权限 。 

5. 在 IIS 7.5 中 设置 网 站 、Web 应 用 程序 和 虚拟 目录 中 的 默认 文档 

设置 默认 文档 可 使 用 户 在 访问 该 默认 文档 对 应 的 页 面 时 即使 不 输入 页 面 名 也 能 访问 该 
文档 ， 如 将 Default.aspx 设置 为 默认 文档 ， 则 在 浏览 器 中 输入 地 址 http://10.1.1.2:8080 即 可 访 
问 E:\Book\Default.aspx。 设 置 的 方法 有 两 种 。 一 种 是 在 如 图 1-3 所 示 界 面 的 “功能 视图 ”中 
双击 “默认 文档 ” 再 在 呈现 的 对 话 框 中 输入 默认 文档 的 文件 名 。 另 一 种 是 打开 Web 应 用 程 
序 中 的 Web.config 配置 文件 ， 添 加 配置 代码 如 下 : 


<!-- 配 置 IIS 7.5--> 
<system.webServer> 
<!-- 设 置 网 站 的 默认 文档 --> 
<defaultDocument> 
<files> 
<!-- 删 除 默认 文档 列表 中 的 所 有 文件 名 --> 
<clear/> 
<!-- 添 加 Default.aspx 到 默认 文档 列表 --> 
<add value="Default .aspx"/> 
</files> 
</defaultDocument> 


</system.webServer> 


注意 : 实际 工程 中 为 加 快 页 面 浏览 速度 ， 仅 保留 一 个 默认 文档 。 


1.3 Visual Studio Express 2012 for Web 
1.3.1 开发 环境 概览 


Visual Studio Express 2012 for Web (VSEW 2012) 为 ASPNET 4.5 网 站 开发 提供 了 方便 
的 开发 环境 。 与 VS 2012 的 商用 版 相 比 ，VSEW 2012 是 免费 的 且 包含 了 创建 Web 应 用 程序 
所 需 的 所 有 功能 和 工具 。 另 外 ， 利 用 VSEW 2012 和 VS 2012 商用 版 创建 的 Web 应 用 程序 完 
全 相互 兼容 。 因 此 ，VSEW 2012 适用 于 学 习 及 中 小 企业 的 网 站 开发 。 本 书 所 有 实例 均 使 用 
VSEW 2012 设计 与 开发 。 图 1-8 为 创建 一 个 页 面 时 呈现 的 主 窗 口 。 

1. 工具 栏 
工具 栏 上 提供 了 一 些 方便 程序 员 编 程 工作 的 按钮 。“ 向 后 导航 ”图 按钮 可 以 定位 到 文档 
先前 访问 过 的 位 置 。“ 调 试 运行 ”四 按钮 能 启动 网 站 的 调试 运行 过 程 。 

注意 : 加 按钮 启动 的 是 整个 网 站 的 启动 项 ， 所 以 在 启动 调试 之 前 需要 设置 网 站 的 启动 页 
面 。 若 要 查看 单个 页 面 的 浏览 效果 ， 可 右 击 该 页 面 选择 “在 浏览 器 中 查看 ”命令 进行 浏览 。 

右 击 工具 栏 , 在 弹出 的 快捷 菜单 中 选择 “HTML 源 编辑 ”命令 可 在 工具 栏 中 增加 “HTML 
源 编辑 ”命令 按钮 ， 其 中 “设置 当前 选 定 文本 的 格式 ” 划 上 按钮 适用 于 当前 窗口 为 “ 源 ” 视 图 
的 窗口 ， 单 击 该 按钮 可 对 选中 的 XHTML 元 素 、ASP.NET 元 素 、C# 代 码 等 自动 编排 格式 。 
与 此 按钮 功能 类 似 的 是 ， 当 处 于 “ 源 ” 视 图 时 ， 选 择 “ 编 辑 ” 一 “设置 文档 的 格式 ”命令 可 
不 必 选 中 源 代码 即 能 自动 编排 所 有 源 代码 的 格式 。“ 注 释 选 中 行 ”图 按钮 适用 于 在 程序 编程 
时 对 选中 行 集中 注释 ， 与 此 功能 相反 的 是 “取消 对 选中 行 的 注释 ”图 按钮 。 
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图 1-8 VSEW 2012 主 窗口 界面 


2. 常用 窗口 

为 能 在 屏幕 上 尽 可 能 多 地 呈现 文档 窗口 ， 大 部 分 其 他 窗口 都 有 “自动 隐藏 ” 国 按 钮 ， 该 
按钮 能 使 窗口 自动 隐藏 。 

“工具 箱 ” 窗 口 针对 不 同类 型 的 页 面 ， 提 供 不 同 组 合 的 控件 列表 。 要 建立 相应 的 控件 ， 
只 需 拖 放 或 双击 控件 图 标 。 

在 文档 窗口 中 ， 页 面 有 三 种 视图 呈现 方式 : “设计 ”、“ 拆 分 ”和 “ 源 ”。 其 中 ，“ 设 
计 ” 视 图 呈现 页 面 的 设计 界面 “ 拆 分 ”视图 同时 呈现 页 面 的 设计 和 源 代码 界面 ，“ 源 ” 视 
图 呈现 页 面 的 源 代码 界面 。 当 处 于 “ 源 ” 视 图 时 ， 支 持 代 码 智能 感知 功能 ， 即 输入 代码 时 能 
智能 地 列 出 控件 对 象 的 所 有 属性 和 事件 。 还 可 以 在 其 中 直接 输入 代码 来 建立 ASP.NET 控件 。 

在 “解决 方案 资源 管理 器 ”窗口 中 可 以 组 织 、 管 理 目 前 正在 编辑 的 项 目 ， 可 以 创建 、 重 
命名 、 删 除 文件 夹 和 文件 。 右 击 不 同 的 项 目 会 弹出 很 实用 的 快捷 菜单 ， 如 建立 各 种 类 型 文件 、 
浏览 建立 的 页 面 和 设置 项 目 启动 项 等 。 

在 “属性 ”窗口 中 可 方便 地 设置 ASP.NET 控件 、XHTML 元 素 等 对 象 的 属性 。 

注意 :对 初学 者 ,建议 通过 “属性 "窗口 设置 页 面 上 ASP.NET 控件 和 XHTML 元 素 的 属性 ， 
再 由 VSEW 2012 自动 生成 源 代码 。 

在 “数据 库 资源 管理 器 ”窗口 中 可 以 打开 数据 连接 ， 显 示 数 据 库 等 。 

在 “错误 列表 ”窗口 中 可 以 显示 编辑 和 编译 代码 时 产生 的 “错误 ”、“ 警 告 ” 和 “消息 ”。 
双击 错误 信息 项 ， 就 可 以 打开 包含 错误 信息 的 文件 并 定位 到 相应 位 置 。 

3. “工具 ”菜单 中 “选项 ”的 常用 设置 

选择 “工具 ”一 “选项 ”命令 ， 在 呈现 的 “选项 ”对 话 框 中 可 以 进行 VSEW 2012 的 常 
用 设置 。 

(1) 在 “选项 ”对 话 框 中 选择 “环境 ”一 “字体 和 颜色 ”命令 可 以 设置 文档 窗口 中 文本 
呈现 的 字体 和 颜色 等 ， 如 可 以 将 字号 调 大 一 些 以 方便 视力 从 佳人 员 看 清 源 代码 。 

(2) 在 “选项 ”对 话 框 中 选择 “项 目 和 解决 方案 ”命令 ， 在 呈现 的 对 话 框 中 选中 “总 是 
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显示 解决 方案 ” 复 选 框 ， 使 得 在 “解决 方案 资源 管理 器 ”窗口 中 能 以 解决 方案 形式 方便 地 管 
理 所 有 Web 应 用 程序 。 

(3) 在 “选项 ”对 话 框 中 选择 “文本 编辑 器 ”一 CSS 一 “格式 设置 ”命令 ， 可 设置 CSS 
代码 呈现 的 形式 。 默 认为 “ 半 展 开 ” 形 式 ， 本 书 采用 “紧凑 模式 ”。 

(4) 在 “选项 ”对 话 框 中 选择 “文本 编辑 器 ”一 “所 有 语言 ”命令 ， 在 呈现 的 对 话 框 中 
选中 “ 行 号 ” 复 选 框 ， 能 方便 开发 人 员 根 据 行 号 快速 定位 指定 行 。 

(5) 在 “选项 ”对 话 框 中 选择 “文本 编辑 器 ”一 “所 有 语言 ”一 “ 制 表 符 ” 命 令 ， 在 呈 
现 的 对 话 框 中 设置 “ 制 表 符 大 小 ”和 “ 缩 进 大 小 ”的 值 可 以 改变 一 个 Tab 制 表 符 代表 的 字符 
数 和 每 行 自动 缩 进 的 字符 数 。 如 本 书 所 有 代码 的 自动 缩 进 字符 数 均 设 置 为 2。 

4. 运用 帮助 

作为 一 名 使 用 C# 语 言 进行 ASP.NET 网 站 开发 的 编程 人 员 ， 经 常 需要 查看 ASP.NET 及 
C# 的 语句 、 类 、 属 性 、 方 法 等 帮助 信息 。 获 取 这 些 信 息 可 通过 MSDN 网 站 或 本 地 的 帮助 查 
看 器 两 种 方式 。 为 了 提高 搜索 效率 ， 使 用 帮助 查看 器 是 较 好 的 选择 。 相 应 的 设置 步骤 为 

(1) 选择 “帮助 ”一 “添加 和 移 除 帮助 内 容 ” 命 令 , 在 呈现 的 对 话 框 中 添加 “Visual Studio 
2012 基础 ”、.NET Framework 4.5、“Visual Basic 和 Visual C#”、JavaScript 等 技术 文档 后 ， 
单 击 “ 更 新 ”按钮 将 添加 的 文档 下 载 到 本 地 计算 机 上 。 

(2) 选择 “帮助 ”一 “设置 帮助 首选 项 ”一 “在 帮助 查看 器 中 启动 ”选项 。 
1.3.2 ”使 用 解决 方案 管理 VSEW 2012 中 新 建 的 网 站 

使 用 解决 方案 可 以 有 效 地 管理 在 VSEW 2012 中 建立 的 网 站 ， 接 下 来 以 在 F:\Book 文件 
夹 中 建立 Book 解决 方案 为 例 说 明 解 决 方案 的 建立 过 程 。 选 择 “文件 ”一 “新 建 项 目 ” 命 令 ， 
在 呈现 的 对 话 框 中 展开 “其 他 项 目 类 型 ” 选项， 选择“Visual Studio 解决 方案 ”模板 ， 输 入 
名 称 Book、 位 置 F\Book， 如 图 1-9 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 建立 Book 解决 方案 。 


bP 最近 ET Franework 4.5 -排序 依据 :默认 值 ~ 只 | 江 | 搜索 已 安装 模板 Ctrl  - 
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2 的 由 他 键 不 包含 项 目的 空 解 方 案 
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图 1-9 建立 解决 方案 界面 


Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


注意 : 用 解决 方案 管理 网 站 意味 着 后 续 的 开发 都 应 先 打开 解决 方案 ， 再 在 相应 的 网 站 中 
添加 文件 夹 、 页 面 等 。 

建立 Book 解决 方案 后 ， 即 可 在 其 中 添加 网 站 ， 本 书 中 所 有 网 站 均 由 该 解决 方案 进行 管 
理 。 接 下 来 以 在 Book 解决 方案 中 新 建文 件 系统 网 站 ChapSite 为 例 说 明 如 何在 解决 方案 中 新 
建 网 站 的 过 程 ， 其 中 ChapSite 网 站 存储 于 F:\Book\ChapSite 文件 夹 。 操 作 步 又 如 下 : 

打开 “解决 方案 资源 管理 器 ”窗口 ， 右 击 “ 解 决 方案 Book”， 在 弹出 的 快捷 菜单 中 选择 
“添加 ”一 “新 建 网 站 ”命令 ， 然 后 在 呈现 的 对 话 框 中 选择 Visual C#-~“ASPNET 空 网 站 ” 
模板 ， 选 择 “Web 位 置 ” 为 “文件 系统 ”， 并 输入 网 站 存放 的 路 径 F:\BooK\ChapSite， 如 图 
1-10 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 添加 ChapSite 网 站 。 

在 图 1-10 中 ， 单 击 “ 浏 览 ” 按 钮 可 选择 添加 四 种 不 同类 型 的 网 站 : “文件 系统 ”、“ 本 
地 HS"”、“FTP 站 点 "和 “远程 站 点 ”。“ 文 件 系统 ”网 站 指 将 网 站 的 文件 放 在 本 地 硬盘 上 的 
一 个 文件 夹 中 ， 或 放 在 局 域 网 上 的 一 个 共享 位 置 。 对 网 站 的 开发 、 运 行 和 调试 都 无 须 使 用 在 
操作 系统 中 独立 安装 的 IS， 而 使 用 随 VSEW 2012 安装 的 IIS Express 或 “Visual Studio 开发 
服务 器 ”。“ 本 地 HS” 网 站 需要 在 操作 系统 中 安装 独立 的 IIS 或 使 用 IS Express。“FTP 站 
点 ”网 站 将 网 站 建立 在 具有 读 写 权 限 的 FTP 服务 器 上 ， 并 在 FTP 服务 器 上 创建 和 编辑 页 面 。 
“远程 站 点 ”网 站 将 网 站 建立 在 已 安装 IS 并 配置 有 Microsoft FrontPage 服务 器 扩展 的 远程 计 
算 机 上 。 


添加 新 闻 站 4 
* 最 近 -ET Franerork 4.5 。 排序 依据 : 冉 认 值 - 全 国 | 执 索 BE 安装 模板 ‘ P - 
CE 是 起 王 芭 丫 Wisaal C# 类 型 : Yisaal cf 
Visual Basic NS 空 网 站 
a [i ASP. NET Web 窗 体 网 站 Wisaal C# 
b 联机 Ce 
@] SF. WET 网 站 aror v1) Visual C# 
了 ASP. NET 网 站 Raror v2) Visual C# 


Cu 

[es] ASP. NET Dynanic Data 实体 网 站 Yisual C# 
. 

CE "FT Visual C# 


feb 位置 文件 系统 ~ Fook\ChapSite . [| 


图 1-10 “添加 新 网 站 ”对 话 框 


于 “文件 系统 ”网 站 是 ASP.NET 开发 人 员 最 常用 的 类 型 ， 因 此 本 书 新 建 的 网 站 均 采 
用 该 类 型 。 图 1-11 给 出 了 本 书 利 用 Book 解决 方案 管理 网 站 的 部 分 结构 图 。 其 中 ，ChapSite 
和 MyPetShop 表示 不 同 的 网 站 ， 分 别 存储 于 F:\Book\ChapSite 和 FF:\Book\MyPetShop 文件 夹 
中 。Chap2 等 文件 夹 存放 相应 章节 的 源 代码 文件 。 另 外 ，App_Code、App_Data 属于 专用 文 
件 夹 ， 用 于 存放 特定 类 型 文件 。 完 整 的 Book 解决 方案 可 查看 本 书 的 源 程序 包 ， 后 续 章节 将 
以 此 为 基础 建立 文件 。 
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名 ©- 
搜索 解决 方案 资源 管理 器 ftrl+; 户 ~ 


由 解 志方 案 Book GB 个 项 目 ) 
b 个 chap9site 
4 @ Chapsite 

bp 国 Mpp_Code 


Eb 
2 
名 


b @ Petshop 


图 1-11 Book 解决 方案 部 分 结构 


1.3.3 发 布 网 站 


网 站 建设 好 后 ， 需 要 发 布 网 站 。“ 发 布 网 站 ”的 操作 将 预 编译 网 站 并 将 输出 复制 到 “ 文 
件 系统 ”、“ 本 地 HS”、“FTP 站 点 ”或 “远程 站 点 ”。 作 为 ASPNET 编译 模式 之 一 的 预 
编译 能 将 网 站 中 App_Code 文件 夹 下 包含 的 .cs 文件 .代码 隐藏 页 等 编译 为 系统 随机 命名 的 .dll 
程序 集 文 件 ， 并 发 现 编译 错误 ， 使 得 页 面 的 初始 响应 速度 更 快 且 在 发 布 的 网 站 中 不 再 包含 任 
何 C# 程 序 代 码 。 但 “发 布 网 站 ”的 功能 仅 包含 于 VS 2012 商用 版 。 

注意 : ASP.NET 4.5 的 另 一 种 编译 模式 为 动态 编译 ， 即 如 果 一 个 页 面 第 一 次 被 访问 或 被 
修改 保存 后 再 被 访问 时 ，.NET 环境 会 自动 调用 编译 器 进行 编译 ， 并 缓存 编译 输出 。 


1.3.4 复制 网 站 


“复制 网 站 ”实质 是 在 当前 网 站 与 另 一 网 站 之 间 复 制 文件 ， 对 当前 网 站 不 会 预 编 译 。 可 
以 在 VSEW 2012 中 创建 的 任何 类 型 网 站 之 间 复 制 文件 。 复 制 网 站 时 ， 同 时 支持 同步 功能 ， 
即 能 检查 两 个 网 站 上 的 文件 并 确保 所 有 文件 都 是 最 新 的 。 

“复制 网 站 ”在 无 法 从 远程 站 点 打开 文件 以 进行 编辑 的 情况 下 特别 有 用 。 可 以 使 用 “ 复 
制 网 站 ”将 某 个 文件 复制 到 本 地 计算 机 上 ， 再 编辑 这 个 文件 后 将 它们 重新 复制 到 远程 站 点 。 
另外 ，“ 复 制 网 站 ”还 常用 于 将 网 站 从 “测试 服务 器 ”复制 到 “商业 服务 器 ”。 

注意 : 为 保护 C# 源 代码 不 被 随意 窃取 ， 可 组 合 使 用 "发 布 网 站 "和 "复制 网 站 "。 即 先 将 网 
站 发 布 到 本 地 菜 个 文件 天 ， 再 利用 “复制 网 站 ”同步 服务 器 网 站 上 的 文件 。 


1.4 小 结 


章 主要 介绍 ASPNET 4.5 网 站 的 运行 和 开发 环境 。.NET Framework 4.5 为 建立 
ASPNET 4.5 网 站 提供 了 基础 。 ASP.NET 4.5 是 一 个 逐步 演进 的 版 本 , 支持 LINQ 数据 访问 技 
术 、Ajax 页 面 局 部 刷新 技术 、MVC 开发 模式 、JavaScript 开发 ， 同 时 在 利用 HIML5 和 CSS3 
进行 页 面 设 计 方面 有 很 大 的 进步 。IIS 为 ASPNET 4.5 提供 了 运行 环境 , 通过 建立 不 同 的 网 站 
或 应 用 程序 使 得 在 同一 台 Web 服务 器 上 运行 不 同 的 站 点 成 为 可 能 。 利 用 VSEW 2012， 可 以 
方便 地 实现 ASPNET 4.5 网 站 开发 。 
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1. 填空 题 

(1) NET Framework 主要 包括 和 _。 

(2) ASPNET 网 站 在 编译 时 ， 首 先 将 语言 代码 编译 成 。 

(3) 一 台 IIS Web 服务 器 IP 地 址 为 211.78.60.19， 网 站 端口 号 为 8000， 则 要 访问 Web 
应 用 程序 User 中 Defaultaspx 的 URL 为 ” _。 

(4) 可 以 通过 同步 网 站 上 的 一 个 文件 。 

2. 是 非 题 

(1) 托管 代码 是 以 CLR 为 基础 运行 的 代码 。 

(2) 若 某 页 面 上 包含 动画 内 容 ， 则 该 页 面 肯 定 是 动态 页 面 。 

(3) 一 个 网 站 中 可 以 同时 包含 静态 页 面 和 动态 页 面 。 

(4) ASPNET 4.5 页 面 是 边 解释 边 执行 的 。 

(5) 在 VSEW 2012 中 开发 网 站 必须 安装 独立 的 IIS。 

(6) IIS Express 具有 与 IS 类 似 的 功能 ， 但 主要 用 于 VSEW 2012 中 的 页 面 浏 览 。 

(7) IIS 中 的 网 站 与 VSEW 2012 中 的 网 站 是 相同 的 概念 。 


天 天 一 一 一 一 一 
记 二 一 一 一 一 一 


3， 选择 题 
(1) VSEW 2012 不 支持 5 

A. Java B. JavaScript C. LINQ D. Microsoft Ajax 
(2) 下 面 〈 ) 网 站 在 建立 时 要 求 安装 Microsoft FrontPage 服务 器 扩展 。 

A. 文件 系统 B. 本 地 IIS C. FTP 站 点 D. 远程 站 点 
(3) 以 下 选项 不 属于 编程 语言 的 是 hs 

A. a B. Visual Basic C. Visual C# D. Visual C++ 
4. 简 答 


(1) a 每 个 分 院 有 各 自 的 网 站 ,如 果 仅 提供 一 台 运 行 IIS 7.5 的 Web 
服务 器 ， 如 何 设 置 ? 

(2) 如 何 设置 在 访问 网 站 时 内需 输 入 域名 就 可 访问 网 站 主页 ? 

(3)“ 文 件 系统 ^“ 本 地 IS” “FTP 站 点 ”和 “远程 站 点 ”的 区 别 是 什么 ? 

(4) 查找 资料 ， 说 明 什 么 是 虚拟 主机 。Intemet 上 提供 的 虚拟 主机 是 如 何 运 作 的 ? 

(5) 如 何在 一 台 计 算 机 上 同时 运行 一 个 服务 器 和 一 个 客户 机 环境 来 实现 网 站 的 测试 ? 

(6) 说 明 静 态 页 面 和 动态 页 面 的 区 别 。 

5. 上 机 操作 题 

(1) 在 学 生 个 人 计算 机 上 ， 下 载 VSEW 2012 和 以 SQLEXPRWT 开始 命名 的 用 于 安装 
SQL Server 2012 Express、SQL Server Management Studio 等 的 可 执行 文件 ,安装 IIS 7.5、SQL 
Server 2012 Express、SQL Server Management Studio、VSEW 2012， 从 而 建立 ASPNET 4.5 网 
站 开发 平台 。 

(2) 将 一 台 计 算 机 上 某 网 站 的 端口 号 设置 为 8001， 从 另 一 台 联 网 的 计算 机 访问 该 网 站 。 

(3) 设置 网 站 默认 文档 ， 使 得 在 另 一 台 联 网 的 计算 机 上 仅 输入 下 地 址 即 可 访问 主页 。 

(4) 在 一 个 网 站 中 建立 Web 应 用 程序 和 虚拟 目录 ， 再 分 别 访问 其 中 的 页 面 。 

(5) 配置 VSEW 2012。 

(6) 参考 本 书 提供 的 Book 解决 方案 ， 建 立 一 个 解决 方案 并 在 其 中 添加 网 站 和 文件 夹 。 


馆 了 二 


之 时 


ASP.NET 4.5 网 站 文件 及 jQuery 


本 章 要 点 : 

* 了 解 ASPNET 4.5 网 站 组 成 。 

。 熟悉 .html 文件 及 XHTMLS5 常用 元 素 。 

* 理解 Web 窗 体 页 的 两 种 模型 ， 单 文件 模型 和 代码 隐藏 页 模型 。 
* 熟悉 CSS3 样式 定义 、 存 放 位 置 。 

* 了 解 JavaScript 常识 ， 熟 悉 代 码 存放 位 置 。 

* 了解 jQuery， 熟 悉 jQuery 的 功能 和 使 用 方法 。 

* 了 解 XML 常识 ， 熟 悉 XML 文件 结构 。 

* 熟悉 Web.config 配置 文件 结构 和 Global.asax 文件 。 


2.1 .html 文件 和 XHTMLS 


在 ASPNET 4.5 网 站 中 ，.html 文件 是 一 种 静态 页 面 文件 ， 它 不 包含 任何 服务 器 控件 ， 而 是 
由 HTML 元 素 组 成 的 。 当 客户 端 浏览 器 访问 .html 文件 时 ，IIS 不 经 过 任何 处 理 就 直接 送 往 浏览 
器 ， 由 浏览 器 解释 执行 。 在 VSEW 2012 中 建立 .html 文件 ， 默 认 使 用 XHTMLS 文件 类 型 。 

XHTML5 与 HIMLS5 使 用 相同 的 元 素 ,但 XHTML5 具有 更 严格 的 规则 。 例 如 ,在 XHTML5 
中 ， 所 有 的 元 素 名 和 属性 名 必须 用 小 写字 母 表示 ， 所 有 的 元 素 必须 包含 结束 标志 ， 所 有 的 属 
性 值 必须 加 引号 。XHTMLS 能 被 当前 所 有 主流 版 本 的 浏览 器 识别 ， 是 页 面 生成 的 基础 。 所 有 

L 含 ASP.NET 元 素 的 动态 页 面 最 终 都 要 转化 为 包含 相应 XHTML 元 素 的 静态 页 面 才能 被 浏 

览 器 识别 。 
2.1.1 .html 文件 结构 

在 VSEW 2012 中 建立 的 .html 文件 基本 结构 如 下 : 


<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title></title> 

</head> 

<body> 


</body> 
</html> 
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其 中 所 有 的 XHTML 元 素 由 <、/、 小 写 英文 字母 和 > 组 成 ， 如 <html>、</html>。 所 有 的 
元 素 都 有 开始 和 结束 标记 ， 如 开始 标记 为 <html>， 则 结束 标记 为 </html>; 有 些 结束 标记 包含 
在 一 个 元 素 中 , 如 <br 人。 在 开始 和 结束 标记 之 间 的 内 容 则 受到 XHTML 元 素 的 控制 , 如 “<hl> 
第 1 章 <hl>” 在 浏览 器 上 将 “第 1 章 ” 以 一 级 标题 形式 显示 。 若 要 进行 更 多 的 控制 ， 可 设置 


2.1.2 ”常用 的 XHTMLS 元 素 


常用 的 XHTMLS 元 素 主要 包括 以 下 内 容 : 

<!--…--> 表 示 注 释 。 

<!IDOCTYPE html> 表 示 文 档 类 型 为 HTMLS。 

<html>…</html> 表 示 这 是 一 个 HTML 文档 ， 其 他 所 有 的 XHTML 元 素 都 包含 于 这 两 个 
标记 之 间 。 

<head>…</head> 表 示 文 档 头 部 信息 。 

<meta> 表 示 文 档 的 元 信息 ， 如 文档 的 搜索 关键 词 等 ， 应 包含 于 <head>…</head> 中 。 

<title>…</title> 表 示 浏 览 器 标题 栏 中 显示 的 信息 ， 应 包含 于 <head>…</head> 中 。 

<style>…</style> 表 示 CSS 样式 信息 ， 应 包含 于 <head>…</head> 中 。 

<body>…</body> 表 示 文 档 主体 部 分 。 

<header>…</header> 表 示 整 个 显示 页 面 的 标题 信息 。 

<aside>…</aside> 表 示 与 旁边 内 容 相关 的 标题 信息 ， 常 用 作 内 容 的 侧 栏 。 

<section>…</section> 表 示 显 示 页 面 的 内 容 区 域 。 

<article>…</article> 表 示 显 示 页 面 中 与 上 下 文 不 相关 的 独立 内 容 。 

<footer>…</footer> 表 示 显 示 页 面 中 的 脚注 信息 。 

<nav>…</nav> 表 示 显 示 页 面 中 的 导航 链接 区 域 。 

<h1>…</hl> 表 示 一 级 标题 ， 同 理 ，<h2> 表 示 二 级 标题 … 共 六 级 标题 。 

<div>…</div> 表 示 显 示 页 面 中 的 一 块 内 容 , 俗称 “ 层 ”， 常 用 CSS 样式 表 统 一 其 中 的 显 
示 格 式 。 

<p>…</p> 表 示 一 个 段落 。 

<br 人 > 表示 换行 。 

<hr 人 表示 水 平 线 。 

<table>…</table> 表 示 一 个 表格 。 

<a href="Intro.html"> 我 的 简介 </a> 表 示 在 浏览 器 上 显示 超 链 接 “ 我 的 简介 ”， 单 击 后 链 
接 到 Intro.html。 

<a hre 合 "mailto:ssgwcyxxd@gmailcom"> 我 的 邮箱 </a> 表 示 在 浏览 器 上 显示 超 链接 “我 的 
邮箱 ”， 单 击 链接 后 给 ssgwcyxxd@gmail.com 发 邮件 。 

一 些 常用 的 实体 符号 如 表 2-1 所 示 。 


表 2-1 常用 的 实体 符号 表 


字符 表示 方法 字符 表示 方法 
空格 &nbsp: > &gt: 
&quot: & Kamp; 
© Rcopy; ¥ Ryen; 
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学 习 XHTMLS 元 素 的 方法 无 须 死 记 硬 背 ， 可 在 Internet 上 找 一 些 以 htm 或 html 为 扩展 
名 的 文件 ， 然 后 在 浏览 器 中 浏览 该 文件 效果 。 再 选择 浏览 器 中 的 “查看 ”一 “ 源 文件 ”命令 
查看 源 代码 ， 将 浏览 看 到 的 效果 与 源 代码 中 的 XHTML 元 素 对 比 ， 从 而 了 解 XHTML 元 素 的 


作 


磺 


实例 2-1 认识 常用 XHTMLS 元 素 
本 实例 说 明 常 用 XHTML 5 元 素 的 使 用 ， 浏 览 效果 如 图 2-1 所 示 。 


分组 
数据 庄 设 计 MyPetShop 


MyPetShop 是 本 书 提供 的 一 个 综合 实例 ， 用 来 民 示 ASPNET 4 .5 网 站 开发 技术 。 
功能 模块 

MypetShop 包 括 前 台 商 品 浏览 、 用 户 管理 、 购 物 车 、 订 单 结算 、 后 台 管理 等 模块 。 
MyPetShop 


Copyright 2014 


图 2-1 HTML5.html 浏览 效果 


源 程序 ， HTML5.html 
<!DOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<meta name="keywords" content="MyPetShop, XHTML5"/> 
<meta name="description" content="XHTML5 页 面 示 范 "/> 
<meta name="author" content="ssgwcyxxd@gmail.com,， 阿 毛 "/> 
<meta http-equiv="refresh" content="3"/> 
<title> 认 识 常 用 XHTML5 元 素 </title> 
<style type="text/css"> 
aside {float: left; width: 15%;} 
section {float: right; width: 85%;} 
footer {clear: both;} 
</style> 
</head> 
<body> 
<header> 
<hl style="background-color: #C0C0C0"> 网 站 Logo</h1> 
</header> 
<aside> 
<nav style="background-color: #C0COCO"> 
<a href="Default.aspx"> 介 绍 </a><br/> 
<a href="Database.aspx"> 数 据 库 设计 </a> 
</nav> 
</aside> 
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<Section> 
<h3>MyPetShop</h3> 
<article> 
MyPetShop 是 本 书 提供 的 一 个 综合 实例 ， 用 来 展示 ASP .NET 4.5 网 站 开发 技术 。 


</article> 


<article> 
<h4> 功 能 模块 </h4> 
MyPetShop 包括 前 台 商品 浏览 、 用 户 管理 、 购 物 车 、 订 单 结算 、 后 台 管 理 等 模块 。 


</article> 


</section> 
<footer style="background-color: #C0C0C0">Copyright 2014 MyPetShop 
</footer> 
</body> 
</html> 


操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “HTML 页 ”模板 ， 输 入 文件 名 HTML5.html， 单 击 “ 添 加 ”按钮 建 
立 文 件 。 

(2) 在 “ 源 ” 视 图 中 输入 源 代码 。 

(3) 在 “设计 ”视图 或 “ 源 ” 视 图 中 右 击 ， 也 可 以 在 “解决 方案 资源 管理 器 ”窗口 中 右 
击 HTML5.html， 然 后 在 弹出 的 快捷 菜单 中 选择 “在 浏览 器 中 查看 ”命令 可 查看 浏览 效果 。 

程序 说 明 : 

<html xmlns="http://www.w3.org/1999/xhtml"> 中 xmlns 属性 值 表示 命名 空间 ， 在 该 命名 
空间 中 包含 了 所 有 XHTML 元 素 的 定义 。 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 表示 页 面 的 语言 编码 
字符 集 为 UTF-8。 

<meta name="keywords" content="MyPetShop, XHTML5" /> 表示 能 为 搜索 引擎 提供 页 面 
关键 词 MyPetShop 和 XHTML5。 

<meta name="description" content= "XHTMLS5 页 面 示 范 " /> 表示 页 面 的 简要 描述 。 

<meta name="author" content="ssgwcyxxd@gmail.com,， 阿 毛 " 人 > 表示 页 面 作者 信息 。 

<meta http-equiv="refresh" content="3" /> 表示 页 面 每 隔 3 秒 自动 刷新 一 次 。 


2.2 .aspx 文件 


.aspX 文件 (Web 窗 体 ) 在 ASPNET 4.5 网 站 中 占据 主体 部 分 。 作 为 一 个 对 象 ，Web 窗 体 
直接 或 间接 地 继承 自 System.Web.UILPage 类 。 因 此 ， 每 个 Web 窗 体 具有 Page 类 定义 的 属性 、 
事件 和 方法 等 ， 如 常用 于 判断 页 面 是 否 第 一 次 访问 的 IsPostBack 属性 ， 页 面 载 入 时 触发 的 
Page.Load 事件 等 。 

每 个 Web 窗 体 中 的 代码 包括 两 部 分 : 一 部 分 是 处 于 <body> 元 素 内 的 用 于 界面 显示 的 代 
码 , 包括 必须 的 XHTML 元 素 和 ASPNET 控件 的 界面 定义 信息 ; 另 一 部 分 是 用 于 事件 处 理 等 
的 C# 代 码 。 其 中 C# 代 码 存储 时 有 两 种 模型 : 单 文件 页 模型 和 代码 隐藏 页 模型 。 
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2.2.1 单 文件 页 模型 


在 单 文件 页 模型 中 ， 界 面 显 示 代码 和 逻辑 处 理 代 码 〈 事 件 、 方 法 等 ) 都 放 在 同一 个 .aspx 
文件 中 。 逻 辑 处 理 代码 包含 于 <scrip 刀 元素 中 。<script> 元 素 位 于 <html> 元 素 之 上 ， 且 包含 


runat="server" 属 性 。 


实例 2-2 熟悉 单 文件 页 模型 
本 实例 包含 TextBox、Label、Button 控件 各 一 个 。 当 在 文本 框 中 输入 内 容 后 再 重 
定 ”按钮 ， 则 在 标签 中 显示 “不 管 您 输 什 么 ， 我 都 喜欢 ASPNET!”。 


化 
及 

TI 
ES 


源 程序 : SimplePage.aspx 


<%Q@Page Language="C#"%> 
<!DOCTYPE html> 
<script runat="server"> 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
lblMessage.Text = "不 管 您 输 什么 ， 我 都 喜欢 ASP .NET!"; 
} 
</script> 
<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 熟 悉 单 文件 页 模型 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtInput" runat="server"> 请 输入 内 容 </asp:TextBox> 
<asp:Label ID="lblMessage" runat="server"></asp:Label><br/> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 
Text=" 确 定 "/> 
</div> 
</form> 
</body> 
</html> 


操作 步 又 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “Web 窗 体 ”模板 ， 输 入 文件 名 SimplePage.aspx， 不 要 选中 “将 代码 
放 在 单独 的 文件 中 ” 复 选 框 ， 单 击 “ 添 加 ”按钮 建立 文件 。 
(2) 在 “设计 ”视图 中 ， 从 工具 箱 添 加 TextBox、Label 和 Button 控件 各 一 个 到 页 面 ， 通 
过 “属性 ”窗口 分 别 设置 各 控件 的 属性 。 此 时 ，VSEW 2012 会 自动 生成 相应 的 界面 代码 。 

(3) 双击 “确定 ”按钮 ， 输 入 SimplePage.aspx 源 程序 中 阴影 部 分 内 容 。 

(4) 在 浏览 器 中 查看 效果 。 
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程序 说 明 : 
单 文件 页 模型 在 读 代码 时 可 先 看 <body> 元 素 中 内 容 ， 主 要 关注 有 哪些 控件 对 象 、 各 对 象 
属性 值 和 各 对 和 象 的 事件 名 。 再 由 各 对 象 的 事件 名 到 <script> 元 素 中 找 对 应 的 执行 方法 。 

OnClick="btnSubmit_Click" 表 示 单 击 “ 确 定 ” 按 钮 触发 Click 事件 后 执行 位 于 <scrip 人 元 
素 中 的 btnSubmit_Click() 方 法 。 


2.2.2 ”代码 隐藏 页 模型 


的 ID 


代码 隐藏 页 模型 适 


和 逻辑 处 理 代码 ， 从 而 可 以 让 设计 人 员 处 理 显示 界面 代码 ， 再 
别 说 明 外 ， 本 书 建立 的 Web 窗 体 都 采用 代码 隐藏 页 模型 。 


在 代码 隐藏 页 模型 中 ， 显 示 界 面 的 代码 包含 于 .aspx 文件 ， 而 逻辑 处 理 代 码 包 含 于 对 
的 .aspx.cs 文件 。 与 单 文件 页 模型 不 同 ，.aspx 文件 不 再 包含 <scrip 仿 元素， 但 在 @Page 指令 


需 包含 引用 的 外 部 文件 。 


用 于 多 个 开发 人 员 共 同 创建 网 站 的 情形 ， 它 可 以 清楚 地 分 清 显 示 界 


程序 员 处 理 逻 辑 代码 。 除 特 


UU 二 


实例 2-3 ”熟悉 代码 隐藏 页 模型 
本 实例 实现 的 是 与 实例 2-2 相同 的 功能 。 


源 程序 : CodeBehind.aspx 
<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="CodeBehind.aspx.cs" 
Inherits="Chap2_ CodeBehind"%> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 熟 悉 代 码 隐藏 页 模型 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtInput" runat="server"> 请 输入 内 容 </asp:TextBox> 
<asp:Label ID="lblMessage" runat="server"></asp:Label><br/> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 
Text=" 确 定 "/> 
</div> 
</form> 
</body> 
</html> 


源 程序 : CodeBehind.aspx.cs 
using System; 
public partial class Chap2 CodeBehind : System.Web.UI.Page 
{ 
protected void btnSubmit Click(object sender, EventArgs e) 
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{ 
lblMessage .Text = "不 管 您 输 什 么 ， 我 都 喜欢 ASP .NET!"; 
} 
} 


操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “Web 窗 体 ”模板 ， 输 入 文件 名 CodeBehind.aspx， 选 中 “将 代码 放 在 
单独 的 文件 中 ” 复 选 框 ， 单 击 “ 添 加 ”按钮 建立 文件 。 

(2) 在 “设计 ”视图 中 ， 添 加 TextBox、Label 和 Button 控件 各 一 个 ， 参 考 源 程序 分 别 设 
置 各 控件 属性 。 例 如 ， 通 过 “属性 ”窗口 需要 将 TextBox 控件 的 ID 和 Text 属性 值 分 别 设置 
为 txtInput 和 “请 输入 内 容 ” 此 时 ，VSEW 2012 会 自动 生成 相应 的 界面 代码 。 

(3) 双击 “确定 ”按钮 ， 输 入 CodeBehind.aspx.cs 源 程序 中 阴影 部 分 内 容 。 在 文档 窗口 
空白 处 右 击 ， 然 后 在 弹出 的 快捷 菜单 中 选择 “组 织 using” 一 “ 移 除 未 使 用 的 using” 命 令 。 
最 后 ， 浏 览 CodeBehind.aspx 查看 效果 。 

注意 : 在 .aspx 文件 的 “设计 ”视图 中 双击 某 个 控件 ， 可 以 在 .aspx.cs 文件 中 自动 生成 用 于 
处 理 默认 事件 的 方法 名 及 参数 。 例 如 ， 在 实例 2-3 中 ， 双 击 Button 控件 则 自动 生成 用 于 处 理 
Click 事件 的 方法 名 (btnSubmit Click ) 及 参数 (sender 和 e) 。 若 需要 生成 不 是 默认 事件 对 
应 的 方法 名 ， 可 以 先 通过 单 击 “属性 ”窗口 中 的 “事件 ' 侈 | 按钮 ， 再 双击 相应 的 事件 名 生成 处 理 
该 事件 的 方法 名 及 参数 。 

程序 说 明 : 

代码 隐藏 页 模型 在 读 代码 时 可 先 看 .aspx 文件 中 内 容 ， 主 要 关注 有 哪些 控件 对 象 、 各 对 象 
的 ID 属性 值 和 各 对 象 的 事件 名 ， 再 由 各 对 象 的 事件 名 到 相应 的 .aspx.cs 文件 中 查找 对 应 的 执 
行 方法 。 

在 CodeBehind.aspx 的 开始 处 ， 增 加 了 @Page 指令 ， 其 中 AutoEventWireup="true" 指 定 页 
面 事件 自动 绑 定 到 指定 的 方法 ， 如 Page.Load 事件 自动 绑 定 到 Page_Load() 方 法 ， 这 样 ， 当 
Page.Load 事件 被 触发 后 ， 将 执行 Page_Load() 方 法 代码 ; CodeFile="CodeBehind.aspx.cs" 指 定 
后 台 编码 文件 ， 使 得 显示 界面 和 后 台 编 码 文件 相互 关联 ;Inherits="Chap2_CodeBehind" 指 定 
继承 的 类 名 ， 该 类 的 定义 存储 于 相应 的 后 台 编 码 文件 中 。 

在 CodeBehind.aspx.cs 开始 处 的 “using System;” 语 句 表示 导入 System 命名 空间 。 


2.3 .css 文件 和 CSS 常识 


XHTML 能 限定 浏览 器 中 页 面 元 素 的 显示 格式 ， 但 可 控 性 不 强 ， 如 统一 网 站 风格 需要 逐 
个 页 面 去 修改 。 级 联 样式 表 CSS 是 应 用 于 页 面 中 元 素 的 样式 规则 , 现 已 被 各 类 浏览 器 所 接受 。 
在 XHTML 基础 上 ，CSS 提供 了 精确 定位 和 重新 定义 XHTML 元 素 属性 的 功能 。 一 个 CSS 
样式 文件 可 以 作用 于 多 个 XHTML 文件 ， 这 样 ， 当 要 同时 改变 多 个 XHTML 页 面 风格 时 ， 只 
要 修改 CSS 样式 文件 即 可 。CSS 的 版 本 有 CSS1、CSS2、CSS3。 


2.3.1 定义 CSS3 样式 
每 个 CSS3 样式 有 两 个 部 分 : 选择 器 (如 p) 和 声明 (如 color blue) 。 声 明 由 一 个 属性 
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(如 color) 及 其 值 (如 blue) 组 成 。 根 据 样式 的 不 同 用 途 ， 有 不 同类 型 的 CSS3 选择 器 。 这 
些 选择 器 可 以 单独 使 用 也 可 以 组 合 使 用 。 

1.* 选 择 器 

* 选 择 器 适用 于 页 面 中 的 所 有 元 素 ， 常 用 于 全 局 设置 ， 如 将 页 面 中 所 有 元 素 的 字体 设 为 
Arial 的 CSS3 样式 为 : 


* { font-family: Arial; } 


2.， 元 素 选择 器 
元 素 选择 器 的 取 名 即 为 XHTML 元 素 名 ， 用 于 重新 定义 指定 的 XHTML 元 素 的 属性 ， 如 
对 所 有 <p> 和 </p> 之 间 的 段落 设置 文本 对 齐 格式 为 居中 的 CSS3 样式 为 : 


p { text-align: center; } 


3. 属性 选择 器 
如 表 2-2 所 示 ， 属 性 选择 器 根据 元 素 的 属性 或 属性 值 来 选择 元 素 。 


表 2-2 CSS3 属性 选择 器 
CSS3 样式 说 明 
[attr]{} 
[attr=val]{*…} 
[attr~=val]{*…} 


选择 attr 属性 的 元 素 
选择 attr 属性 值 为 val 的 元 素 
选择 attr 属性 值 中 包含 val 值 〈 必 须 以 空格 间隔 ) 的 元 素 


[att=val] 人》 选择 attr 属性 值 中 以 val 值 〈 必 须 以 下 划 线 间隔 ) 开始 的 元 素 
[attr =val]{…} 选择 attr 属性 值 中 以 val 值 开始 的 元 素 
[attr$=val] {.} 选择 attr 属性 值 中 以 val 结尾 的 元 素 
[att*—val]{.} 选择 attr 属性 值 中 包含 val 值 的 元 素 
4. 类 选择 器 


类 选择 器 可 以 应 用 于 不 同 的 XHTML 元 素 或 某 个 XHTML 元 素 的 子 集 (如 应 用 于 部 分 段 
落 而 不 是 全 部 段落 ) 。 定 义 时 ， 要 在 选择 器 名 前 加 “.”， 如 通过 类 选择 器 设置 颜色 为 红色 的 
CSS3 样式 为 : 


.intro { color: #FF0000; } 


在 页 面 中 ， 用 class=" 类 名 "的 方式 调用 ， 如 : 


<p class="intro"> 

5.id 选择 器 

id 选择 器 应 用 于 由 id 值 确定 的 XHTML 元 素 的 属性 , 且 常 用 于 单个 XHTML 元 素 的 属性 
设置 。 定 义 时 ， 需 在 选择 器 (id 名 ) 前 加 #， 如 要 对 <div id="menubar">…</div> 层 中 包含 的 
内 容 设 置 背 景色 为 绿色 的 CSS3 样式 为 : 

#menubar { background-color: #008000; } 


2.3.2 CSS3 样式 位 置 


CSS3 样式 可 以 放 在 不 同 的 位 置 ， 包 括 与 XHTML 元 素 的 内 联 、 位 于 页 面 的 <style> 元 素 
中 和 外 部 样式 表 〈.css 文件 ) 中 。 
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注意 : 不 同位 置 CSS3 样式 的 优先 级 是 内 联 样 式 最 高 ， 其 次 是 页 面 样式 ， 最 后 是 外 部 样 
式 表 。 

1 内 联 样式 
当 要 为 单个 XHTML 元 素 定 义 属性 而 不 想 重用 该 样式 时 ， 可 以 使 用 内 联 样式 。 内 联 样式 
在 XHTML 元 素 的 style 属性 中 定义 ， 如 : 


<P style="text-align: center; color: #FFFF00;"> 


操作 时 ， 可 直接 在 XHTML 元 素 对 应 的 “属性 ”窗口 中 选择 style 属性 进行 设置 ， 设 置 完 
成 后 会 自动 生成 样式 。 

2. 页面 样式 

当 要 为 特定 页 中 的 元 素 设 置 样式 时 ， 可 以 在 <head> 元 素 中 的 <style> 元 素 内 定义 。 定 义 时 
可 根据 需要 采用 不 同 的 选择 器 。 


实例 2-4 运用 页 面 样式 


源 程序 ，Interior.aspx 
<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="Interior.aspx.cs" 
Inherits="Chap2_Interior"%> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 运 用 页 面 样式 </title> 
<style type="text/css"> 
* {font-family: 隶书 ;)} 
[title~=attr] {color: #000080;} 
[title*=attribute] {color: #800080;} 
p {color: #008000;} 
.ClassTest {color: #800000;} 
#divTest {color: #808000;} 


</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<p> 基 于 元 素 选择 器 的 样式 </p> 


<p title="attr Test"> 基 于 [attr~=val] 属 性 选择 器 的 样式 </p> 
<p title="attributeTest"> 基 于 [attr*=val] 属 性 选择 器 的 样式 </P> 
<p class="classTest"> 基 于 类 选择 器 的 样式 </p> 
<div id="divTest"> 基 于 id 选择 器 的 样式 </div> 
</form> 
</body> 
</html> 


操作 步骤 : 
(1) 在 Chap2 文件 夹 中 建立 Interior.aspx 文件 。 
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(2) 在 “设计 ”视图 以 段落 方式 分 别 输 入 “基于 元 素 选择 器 的 样式 ”、“ 基 于 [attr~=val] 
属性 选择 器 的 样式 ”、“ 基 于 [attr*=val] 属 性 选择 器 的 样式 ”、“ 基 于 类 选择 器 的 样式 ”; 在 
“工具 箱 ” 的 HTML 选项 卡 中 双击 Div 后 建立 的 div 层 中 输入 “基于 id 选择 器 的 样式 ”， 参 
考 源 程序 设置 各 元 素 的 属性 。 

(3) 选择 “视图 ”一 “管理 样式 ”命令 ， 在 呈现 的 窗口 中 单 击 “ 新 建 样式 ”按钮 回 ， 再 
在 呈现 的 对 话 框 中 输入 选择 器 名 *， 设 置 字体 属性 ， 单 击 “ 确 定 ”按钮 建立 * 选 择 器 。 类 似 地 
建立 其 他 选择 器 。 最 后 浏览 Interior.aspx 查看 效果 。 

3 外 部 样式 表 

外 部 样式 表 常 应 用 于 整个 网 站 ， 并 存储 于 独立 的 .css 文件 中 。 在 调用 时 ， 使 用 <link> 元 素 
可 以 将 样式 表 链 接 到 页 面 。 一 个 外 部 样式 表 可 以 链接 到 多 个 页 面 ， 这 样 就 可 以 很 方便 地 管理 
整个 网 站 的 显示 风格 。 


实例 2-5 运用 外 部 样式 表 


源 程序 ，Exterior.css 
* { font-family: 隶书 ; } 
[title~=attr] { color: #000080; } 
[title*=attribute] { color: #800080; } 
p { color: #008000; } 
.ClassTest { color: #800000; } 
#divTest { color: #808000; } 


操作 步骤 : 

(1) 右 击 Styles 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “样式 表 ” 模 板 ， 输 入 文件 名 Exterior.css， 单 击 “ 添 加 ”按钮 建立 
文件 。 

(2) 在 “ 源 ” 视 图 中 输入 选择 器 名 和 {} 后 ， 右 击 《{} 中 间 处 ， 在 弹出 的 快捷 菜单 中 选 
择 “ 生 成 样式 ”命令 ， 再 在 呈现 的 对 话 框 中 设置 各 属性 。 


源 程序 : Exterioraspx 
<sQ@ Page Language="C#" RutoEventWireup="true"” CodeFile="Exterior.aspx.cs" 
Inherits="Chap2 Exterior"%®> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.o0org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 运 用 外 部 样式 表 </title> 
<link href="../Styles/Exterior.css" rel="stylesheet" type="text/css"/> 
</head> 
<body> 
<form id="forml" runat="server"> 
<p> 调 用 Exterior .css 中 基于 元 素 选择 器 的 样式 </p> 
<p title="attr Test"> 调 用 Exterior.css 中 基于 [attr~=val] 属 性 选择 器 的 样式 </p> 
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<p title="attributeTest"> 调 用 Exterior.css 中 基于 [attr*=val] 属 性 选择 器 的 样式 
</p> 
<p class="classTest"> 调 用 Exterior .css 中 基于 类 选择 器 的 样式 </p> 
<div id="divTest"> 调 用 Exterior.css 中 基于 id 选择 器 的 样式 </div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 在 Chap2 文件 夹 中 新 建 Exterior.aspx。 

(2) 在 “设计 ”视图 中 参考 源 程序 输入 内 容 并 设置 各 元 素 属性 。 

(3) 选择 “格式 ”一 “附加 样式 表 ” 命 令 ， 在 呈现 的 对 话 框 中 选择 Styles 文件 夹 中 的 
Exterior.css 文件 。 此 时 ， 在 Exterioraspx 中 会 自动 添加 <link href="../Styles/Exterior.css" 
Tel="stylesheet" type="text/css" />， 其 中 ，“..” 表 示 当 前 文件 夹 的 上 一 级 文件 夹 。 最 后 浏览 
Exterior.aspx 查看 效果 。 


2.4 .js 文件 和 JavaScript 常识 


JavaScript 是 一 种 面向 对 象 和 事件 驱动 的 客户 端 脚本 语言 ,可 以 直接 嵌入 页 面 中 , 不 需要 
Web 服务 器 端的 解释 执行 而 是 由 浏览 器 解释 执行 。 目 前 ， 所 有 的 浏览 器 均 支 持 JavaScript。 
典型 的 JavaScript 用 途 主要 包括 : 在 XHTML 中 创建 动态 文本 ， 响 应 客户 端 事件 ， 读 取 并 改 
变 XHTML 元 素 的 内 容 ， 验 证 客户 端 数据 ;检测 客户 端 浏 览 器 ， 并 根据 检测 到 的 浏览 器 类 型 
载 入 不 同 的 页 面 ， 创建 Cookies; 关闭 浏览 器 窗口 ， 在 页 面 上 显示 时 间 等 。 


2.4.1 JavaScript 代码 位 置 


JavaScript 的 代码 存放 位 置 形 式 有 三 种 ， 在 <head> 元 素 中 、 在 <body> 元 素 中 和 独立 的 .js 
文件 中 。 

1， 在 <head> 元 素 中 

<head> 元 素 中 的 JavaScript 代码 包含 于 <scrip 信 和 </scrip 忆 两 个 标记 之 间 ， 只 有 在 被 调用 
时 才 会 执行 。 


实例 2-6 熟悉 <head> 元 素 中 的 JavaScript 代码 


源 程序 : HeadJS.aspx 
<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="HeadJS.aspx.cs" 
Inherits="Chap2 HeadJS" 当 > 
<!DOCTYPE html> 
<html xmlns="http://www-w3.org/1999/Xxhtm1"> 


<head runat="server"> 


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 熟 悉 glt ;headggt ;元 素 中 的 JavaScript 代码 </title> 
<script> 
function message() { 
alert ("在 \<head\> 元 素 中 "); 
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} 
</script> 
</head> 
<body onload="message()"> 
<form id="forml" runat="server"> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 在 Chap2 文件 夹 中 建立 HeadJS.aspx。 

(2) 在 “ 源 ”视图 中 输入 阴影 部 分 内 容 。 最 后 浏览 HeadJS.aspx 查看 效果 。 

程序 说 明 : 

当 页 面 执行 到 <body> 元 素 时 ， 触 发 load 事件 后 调用 message0 函 数 ， 最 后 在 浏览 器 中 显 
示 “ 在 <head> 元 素 中 ”信息 。 

注意 : JavaScript 中 采用 首 字符 为 小 写字 母 的 方式 命名 对 象 、 函 数 等 。 

2. 在 <body> 元 素 中 

与 <head> 元 素 类 似 ，<body> 元 素 中 的 JavaScript 代码 也 要 包含 于 <scrip 伺 元 素 中 。 


实例 2-7 ”熟悉 <body> 元 素 中 的 JavaScript 代码 


源 程序 : BodyJS.aspx 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BodyJS.aspx.cs" 
Inherits="Chap2_ BodyJS" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 熟 悉 &lt;bodyggt; 元 素 中 的 JavaScript 代码 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<script> 
document .write ("在 &lt;bodyggt; 元 素 中 "); 
</script> 
</div> 
</form> 
</body> 
</html> 


程序 说 明 : 

在 页 面 载 入 时 执行 document.write0 函 数 输出 XHTML 文本 “在 &ltbody&gt 元 素 中 ”， 
浏览 器 上 显示 效果 是 “在 <body> 元 素 中 ”。 与 包含 于 <head> 元 素 中 的 JavaScript 代码 不 同 的 
是 ， 包 含 于 <body> 元 素 中 的 JavaScript 代码 肯定 会 执行 。 
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注意 : < 在 XHTML 中 用 “&lt:" 表 示 ，> 用 “&gt;” 表 示 。 

3. 在 独立 的 .js 文件 中 

独立 的 js 文件 常用 于 多 个 页 面 需要 调用 相同 JavaScript 代码 的 情形 。 通 常 把 所 有 .js 文件 
放 在 同一 个 脚本 文件 夹 中 ， 这 样 容易 管理 。 在 调用 外 部 JavaScript 文件 时 ， 需 在 <scrip 伺 元 素 
中 加 入 src 属性 值 。 


实例 2-8 运用 独立 的 .js 文件 


源 程序 .FileJS.aspx 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileJS.aspx.cs" 
Inherits="Chap2 FileJS" 和 > 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 运 用 独立 的 .js 文件 </title> 
<script src="../Scripts/FileJS.js"></script> 

</head> 

<body onload="message() > 
<form id="forml" runat="server"> 
</form> 

</body> 

</html> 


源 程序 : FileJS.js 
function message() { 
alert ("JavaScript 代码 在 FileJS .js 文件 中 !"); 
} 


操作 步骤 : 

(1) 右 击 Scripts 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “JavaScript 文件 ”模板 ， 输 入 文件 名 FileJS.js， 单 击 “ 添 加 ”按钮 建 
立 文 件 ， 再 在 文档 窗口 中 输入 源 程序 内 容 。 

(2) 在 Chap2 文件 夹 中 建立 FileJS.aspx， 输 入 阴影 部 分 内 容 。 最 后 浏览 FileJS.aspx 查看 
效果 。 

程序 说 明 : 

在 FileJS.aspx 文件 中 ， 阴 影 部 分 中 的 src 属性 值 表示 独立 的 .js 文件 存放 位 置 。 当 页 面 执 
行 到 <body> 元 素 时 ， 触 发 load 事件 后 调用 FileJS.js 文件 中 的 message0 函 数 。 


2.4.2 ”综合 实例 


实例 2-9 实现 图 片 动态 变化 效果 


源 程序 : ChangeImg .aspx 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChangeImg.aspx.cs" 
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Inherits="Chap2_ChangeImg" 委 > 

<!DOCTYPE html> 

<html xmlns="http://www.w3.0rg/1999/xhtml"> 

<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 实 现 图 片 动态 变化 效果 </title> 


<script> 


function mouseOver() { 


document .getElementById ("mouse") .src = "../Images/mouseOver.jpg"; 
} 
function mouseOut() { 
document .getElementById ("mouse") .src = "../Images/mouseOut.jpg"; 
} 
</script> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<a href="http://www.sina.com" target=" blank"> 
<img id="mouse" border="0" alt=" 访 问 sina!" 
src="../Images/mouseOut .jpg" 
onmouseover="mouseOver ()" onmouseout="mouseOut () "/> 
</a> 
</div> 
</form> 
</body> 
</html> 


程序 说 明 : 

页 面 载 入 后 显示 mouseOut,jpg。getElementById0 返 回 指定 id 的 XHTML 元 素 。 当 鼠标 指 
针 指 向 图 片 时 触发 mouseover 事件 后 调用 mouseOver0 函 数 显示 mouseOverjpg， 移 开 时 触发 
mouseout 事件 后 调用 mouseOut0 函 数 显 示 mouseOutjpg。 单 击 后 链接 到 www.sina.com 。 


实例 2-10 ”实现 一 个 简易 时 钟 
源 程序 :Timeraspx 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Timer.aspx.cs" 


Inherits="Chap2_Timer"%®> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml"> 


<head runat="server"> 


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 实 现 一 个 简易 时 钟 </title> 
<script> 

function startTimer() { 


var today = new Date(); // 获 取 客 户 端 当前 系统 日 期 
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var h = today.getHours (); 
var m = today.getMinutes (); 
var s = today.getSeconds (); 
m = checkTime (m) ; // 调 用 自 定义 的 checkTime () 函数 ， 在 小 于 10 的 数字 前 加 0 
s = checkTime(s); 
// 设 置 divTimer 层 显 示 内 容 
document .getElementById("divTimer") .innerHTML =h+":"+m+":"+s; 
setTimeout ("startTimer () ",1000) ;// 过 1 秒 后 重复 调用 自 定义 的 startTimer () 函数 
//checkTime (i) 检 查 i 参 数值 。 如 果 i<10， 就 在 数字 前 加 0 
function checkTime (i) { 
了 他 0 4 
0 
} 
return i; 
} 
</script> 
</head> 
<body onload="startTimer ()"> 
<form id="forml" runat="server"> 
<div id="divTimer"></div> 
</form> 
</body> 
</html> 


程序 说 明 : 

当 页 面 载 入 时 ， 触 发 <body> 元 素 的 load 事件 , 执行 自 定义 的 startTimerO 函 数 ， 该 函数 过 
1 秒 后 重复 调用 自身 ， 连 续 地 在 div 层 divTimer 上 显示 当前 系统 时 间 。 其 中 ， 时 间 数 据 来 源 
于 客户 端 。 


2.5 jQuery 


jQuery 由 John Resig 于 2006 年 初创 建 ， 至 今 已 吸引 了 来 自 世 界 各 地 的 众多 JavaScript 高 
手 加 入 。 作 为 一 个 优秀 的 JavaScript 框架 ， 它 通过 提供 JavaScript 库 的 形式 ， 使 用 户 能 非常 方 
便 地 访问 和 管理 〈 包 括 插 入 、 修 改 、 删 除 等 操作 ) XHTML 元 素 ， 设 置 XHTML 元 素 的 CSS 
样式 ， 处 理 XHTML 元 素 的 事件 ， 实 现 XHTML 元 素 的 动画 特效 ， 为 网 站 提供 Ajax 交互 。 
它 支 持 XHTML5 和 CSS3, 提供 的 jQuery Mobile 可 以 方便 地 用 于 智能 手机 和 平板 电脑 的 Web 
应 用 程序 开发 。 目 前 ， 绝 大 多 数 浏览 器 均 支 持 jQuery。 

在 VSEW 2012 中 ， 通 过 NuGet 程序 包 管 理 器 可 方便 地 安装 jQuery。 具体 操作 时 ， 选 择 
“网 站 ”一 “管理 NuGet 程序 包 ” 命 令 ， 在 呈现 的 窗口 中 选择 jQuery 再 安装 就 可 以 了 。 安 
装 完成 后 ， 在 网 站 根 文 件 夹 下 的 Scripts 文件 夹 中 会 自动 添加 最 新 的 由 jQuery 提供 的 
JavaScript 库 。 

在 VSEW 2012 中 ， 要 使 用 jQuery 提供 的 JavaScript 库 ， 需 要 在 页 面 的 <head> 元 素 中 添 
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加 相应 的 引用 ， 示 例 代码 如 下 : 


<script src="Scripts/jquery-2.1.0.min.js"></script> 


其 中 ， jquery-2.1.0.minjs 需要 根据 实际 安装 的 jQuery 版 本 号 进行 相应 的 改变 ， 引 用 的 路 
径 需 要 由 引用 页 面 的 存储 位 置 来 确定 。 
2.5.1 jQuery 基础 语法 

jQuery 的 基础 语法 格式 为 :$(selector).action()。 其 中 ，selector 用 于 选择 浏览 器 对 象 ( 如 
表示 浏览 器 窗口 的 window 对 象 ， 表 示 XHTML 文档 的 document 对 象 等 )， 也 可 以 用 于 选择 
XHTML 元 素 ; action() 通 过 调用 jQuery 已 定义 的 方法 或 编写 自 定义 方法 ， 对 选择 的 对 象 执 行 
具体 的 操作 。 

常用 的 用 于 选择 XHTML 元 素 的 jQuery 选择 器 如 表 2-3 所 示 。 

表 2-3 常用 的 jQuery 选择 器 


选 择 器 示 例 示例 含义 

* 选 择 器 SC"*") 选择 所 有 元 素 

元 素 选择 器 $("p") 选择 所 有 <p> 元 素 
$C"[attr]") 选择 所 有 包含 attr 属性 的 元 素 

属性 选择 器 S$("[attr ='val']") 选择 所 有 attr 属性 的 值 等 于 val 的 元 素 
$("[attr!='val']") 选择 所 有 attr 属性 的 值 不 等 于 val 的 元 素 

类 选择 器 S$(".intro") 选择 所 有 class="intro" 的 元 素 

id 选择 器 S$("#menubar") 选择 id="menubar" 的 元 素 

first 选择 器 S$("p:first") 选择 第 一 个 <p> 元 素 

contains 选择 器 “| $(":contains("W3C")") 选择 包含 指定 字符 串 W3C 的 所 有 元 素 


常用 的 jQuery 方法 如 表 2-4 所 示 。 
表 2-4 常用 的 jQuery 方法 


方 法 含义 
attrO 设置 或 返回 被 选择 元 素 的 属性 和 值 
bindO 向 被 选择 的 元 素 添加 事件 处 理 代码 
clickO 触发 或 将 函数 绑 定 到 被 选择 元 素 的 click 事件 
css() 设置 或 返回 被 选择 元 素 的 样式 属性 
fadeInO 从 隐藏 到 可 见 ， 逐 渐 地 改变 被 选择 元 素 的 不 透明 度 
fadeOutO 从 可 见 到 隐藏 ， 逐 渐 地 改变 被 选择 元 素 的 不 透明 度 
fadeTogsgle0 对 被 选择 元 素 进行 隐藏 和 显示 的 切换 
hide0 隐藏 被 选择 的 元 素 
jQueryajax0 执行 异步 HTTP (Ajax) 请 求 ， 常 用 于 实现 页 面 的 局 部 刷新 
load0 触发 或 将 函数 绑 定 到 被 选择 元 素 的 load 事件 
mouseout() 触发 或 将 函数 绑 定 到 被 选择 元 素 的 mouseout 事件 
mouseover() 触发 或 将 函数 绑 定 到 被 选择 元 素 的 mouseover 事件 
ready0 在 HIML 文档 就 绪 时 触发 ready 事件 ， 然 后 执行 定义 的 函数 
textO 设置 或 返回 被 选择 元 素 的 内 容 
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2.5.2 ”综合 实例 


实例 2-11 利用 jQuery 管理 XHTML 元 素 
在 图 2-2 中 ， 单 击 “ 隐 藏 ”区 域 ， 将 隐藏 阴影 部 分 内 容 ;， 单 击 “ 显 示 ” 区 域 ， 将 显示 阴 
影 部 分 内 容 ; 单 击 “ 淡 入 或 淡出 ”区 域 ， 将 淡 入 或 淡出 阴影 部 分 内 容 ; 单 击 “ 更 改 内 容 ” 区 
域 ， 将 阴影 部 分 内 容 改 为 “我 的 内 容 被 更 改 了 !”; 单 击 “ 更 改 样式 ”区 域 ， 将 页 面 中 所 有 元 
素 的 背景 色 改 为 黄色 ， 字 体 改 为 隶书 。 


OO [Bu /Meu ss PH) On (| 本 


隐藏 显示 淡 入 或 淡出 更 改 内 容 更 改 样式 
单 击 "隐藏 我 就 消失 单 击 ` 显 示 我 就 回来 ， 单 击 ` 淡 入 或 淡出 "我 就 淡 入 或 淡出 。 


图 2-2 ManageXhtml.aspx 浏览 效果 


源 程序 ， ManageXhtml.aspx 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="ManageXhtml .aspx.cs" 
Inherits="Chap2 ManageXhtml" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 利 用 jQuery 管理 XHTML 元素 </title> 
<script src="../Scripts/jquery-2.1.0.min.js"></script> 
<script type="text/javascript"> 
$ (document) .ready (function () { 
$("#hide") .click(function () { 
$("#effect") .hide(); 
Ds; 
$("#show") .click (function () { 
$ ("#effect") .show(); 
1D); 
$(" -flip") .click(function () { 
$ ("#effect") .fadeToggle(); 
Ds; 
$("#chgText") .click (function () { 
$ ("#effect") .text ("我 的 内 容 被 更 改 了 ! "); 
]) 7 
$("#chgCss") .click(function () { 
S$("*n) .css({ "background-color": "yellow", "font-family": "隶书 "” }); 
]) 7 
DD); 
</script> 
</head> 
<body> 


<form id="forml" runat="server"> 
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<div style="text-align: center"> 
<span id="hide"> 隐 藏 </span> 
<span id="show" style="color: #008080"> 显 示 </span> 
<span class="flip"> 淡 入 或 淡出 </span> 
<span id="chgText" style="color: #008080"> 更 改 内 容 </span> 
<span id="chgCss"> 更 改 样式 </span> 
</div> 
<div id="effect" style="background-color: #DCDCDC"> 单 击 “ 隐 藏 ”我 就 消失 ; 单 
击 “ 显 示 ” 我 就 回来 ， 单 击 “ 淡 入 或 淡出 ”我 就 淡 入 或 淡出 。</div> 


</form> 
</body> 
</html> 
操作 步骤 : 
(1) 利用 NuGet 程序 包 管理 器 安装 jQuery。 


(2 


) 在 Chap2 文件 夹 中 新 建 ManageXhtml.aspx。 在 “ 源 ” 视 图 中 输入 阴影 部 分 内 容 ， 其 


中 style 属性 值 也 可 以 通过 “属性 ”窗口 进行 设置 。 


3 


程 


Ba 


) 浏览 ManageXhtml.aspx 进行 测试 。 
序 说 明 : 
页 面 文档 就 绪 时 ， 触 发 ready 事件 ， 执 行 自 定义 的 函数 代码 ， 包 括 : 


(1) 设置 id 属性 值 为 hide 的 元 素 的 click 事件 处 理 代 码 ， 该 代码 将 隐藏 id 属性 值 为 
effect 的 元 素 。 

(2) 设置 id 属性 值 为 show 的 元 素 的 click 事件 处 理 代 码 ， 该 代码 将 显示 id 属性 值 为 
effect 的 元 素 。 

(3) 设置 class 属性 值 为 fip 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 淡 入 或 淡出 id 属性 
值 为 effect 的 元 素 。 

(4) 设置 id 属性 值 为 chgText 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 id 属性 值 为 effect 
的 元 素 的 呈现 内 容 改 为 “我 的 内 容 被 更 改 了 !”。 

(5) 设置 id 属性 值 为 chgCss 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 所 有 元 素 的 背景 色 


改 为 黄 1 


本 


色 ， 字 体 改 为 隶书 。 


实例 2-12 利用 jQuery 实现 一 个 时 间 数 据 来 源 于 服务 器 端的 时 钟 
实例 利用 jQuery 和 JavaScript 实现 一 个 时 钟 ， 其 中 时 间 数 据 来 源 于 服务 器 端 。 


源 程序 ，Ajax.aspx 


<% 


@ Page Language="C#" AutoEventWireup="true" CodeFile="Ajax.aspx.cs" 


Inherits="Ajax" %> 


源 程序 : Ajax.aspx.cs 


using System; 


public partial class Ajax : System.Web.UI.Page 


{ 


protected void Page Load(object sender, EventArgs e) 
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{ 
// 输 出 当前 服务 器 端的 系统 时 间 ， 该 值 将 传递 给 TrimerJouery.aspx 中 的 datetime 变量 
Response.Write (DateTime.Now); 


} 


源 程序 ，TimerJQuery.aspx 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TimerJQuery.aspx.cs" 
Inherits="Chap2 TimerJQuery" $%> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 利 用 jQuery 实现 一 个 时 间 数 据 来 源 于 服务 器 端的 时 钟 </title> 
<script src="../Scripts/jquery-2.1.0.min.js"></script> 
<%-- refresh () 函数 以 500 毫秒 为 间隔 , 局 部 刷新 div 层 divMsg。 其 中 $.ajax() 调用 jQuery 
的 ajax () 方 法 ， 用 于 执行 异步 请 求 --%> 
<script type="text/javascript"> 
function refresh() { 
$.ajax({ 
url: WAjax.aspx"， // 发 送 异 步 请 求 的 页 面 地 址 
cache: false, // 不 缓存 异步 请 求 的 页 面 
success: function (datetime) { 
// 设 置 div 层 divMsg 的 呈现 内 容 为 服务 器 端 输 出 的 系统 时 间 
$("#divMsg") .text (datetime) 
]) 7 
setTimeout ("refresh()",，500); // 过 500 毫秒 后 重复 调用 自 定义 的 refresh () 函数 
} 
</script> 
</head> 
<body onload="refresh()"> 
<form id="forml" runat="server"> 
<div id="divMsg"></div> 
</form> 
</body> 
</html> 


操作 步 又 : 

(1) 在 Chap2 文件 夹 中 新 建 Ajax.aspx， 在 “ 源 ” 视 图 中 保留 @ Page 指令 行 ， 删 除 其 他 
的 内 容 。 

(2) 在 Chap2 文件 夹 中 建立 Ajax.aspx.cs， 输 入 阴影 部 分 内 容 。 

(3) 在 Chap2 文件 夹 中 新 建 TimerJQuery.aspx， 在 “ 源 ” 视 图 中 输入 阴影 部 分 内 容 。 

(4) 浏览 TimerJQuery.aspx 查看 效果 。 


Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


程序 说 明 : 

当 页 面 载 入 时 ， 触 发 <body> 元 素 的 load 事件 ， 执 行 自 定义 的 refreshO 函 数 。 该 函数 通过 
Ajax.aspx 发 送 异 步 请 求 ， 当 成 功 执行 Ajax.aspx 后 ， 输 出 当前 服务 器 端的 系统 时 间 ， 该 值 将 
传递 给 TimerJQuery.aspx 中 的 datetime 变量 ,再 呈现 在 div 层 divMsg 中 。refresh0 函 数 过 500 
毫秒 后 重复 调用 自身 , 实现 div 层 divMsg 的 局 部 刷新 , 呈现 不 断 变化 的 服务 器 端的 系统 时 间 。 


2.6 .xml 文件 和 XML 常识 


在 ASPNET 4.5 网 站 中 ，.xml 文件 常用 于 解决 跨 平台 交换 数据 的 问题 ， 这 种 文件 实际 上 
已 成 为 Intemet 数据 交换 的 标准 文件 。 

XML 是 一 种 可 以 扩展 的 标记 语言 , 可 以 根据 实际 需要 , 定义 相应 的 语义 标记 。 与 XHTML 
相 比 ，XHTML 用 来 显示 数据 ， 而 XML 站 在 传输 和 存储 数据 。 


实例 2-13 ”表达 一 个 XML 格式 的 早餐 菜单 
本 实例 用 XML 格式 描述 一 个 早餐 菜单 ， 其 中 包括 食物 名 称 、 价 格 、 描 述 、 热 量 等 。 


源 程序 ，Breakfast.xml 
<?xml Version="1.0" encoding="utf-8" ?> 
<!-- 早餐 菜单 --> 
<breakfast_menu> 
<food> 
<name> 豆 浆 </name> 
<price>¥2.0</price> 
<description> 营 养 丰富 ,热量 较 低 </description> 
<calories>40</calories> 
</food> 
<food> 
<name> 油 条 </name> 
<price>¥3.0</price> 
<description> 非 常 好 吃 ,油脂 较 多 </description> 
<calories>300</calories> 
</food> 
</breakfast_menu> 


操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “XML 文件 ”模板 ， 输 入 文件 名 Breakfast.xml， 单 击 “ 添 加 ”按钮 建 
立 文件 ， 再 输入 全 部 内 容 。 

(2) 在 “解决 方案 资源 管理 器 ”窗口 中 右 击 Breakfast.xml, 在 弹出 的 快捷 菜单 中 选择 “在 
浏览 器 中 查看 ”命令 浏览 效果 。 

程序 说 明 : 

<?xml…?> 表 示 XML 声明 。 其 中 , version 属性 指定 .xml 文件 遵循 哪个 版 本 的 XML 规范 ; 
encoding 属性 指定 使 用 的 编码 字符 集 。 
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<breakfast menu> 表 示 根 元 素 。 在 一 个 .xml 文件 中 必须 包含 且 只 能 包含 一 个 根 元 素 。 
<food>…</food> 使 用 子 元 素描 述 一 种 早餐 。 各 个 <food> 子 元 素 形 成 兄弟 关系 。 


2.7 Web.config 


网 站 的 配置 文件 是 一 个 XML 格式 文件 ， 用 来 存储 配置 信息 。 它 们 可 以 出 现在 网 站 的 多 
个 文件 夹 中 ， 并 形成 一 定 的 层次 关系 。 最 高 层 的 配置 文件 是 machine.config， 默 认 安 装 于 
%windir%\Microsoft.NET\Framework\v4.0.30319\Config 文件 夹 。machine.config 存储 了 本 机 所 
有 网 站 的 基本 配置 信息 ， 通 常 不 需要 修改 该 文件 。 下 一 层 的 配置 文件 是 位 于 网 站 根 文件 夹 中 
的 Web.config， 再 下 一 层 的 是 位 于 根 文件 夹 下 子 文件 夹 中 的 Web.config。 这 些 配置 文件 形成 
继承 关系 ， 根 文件 夹 中 的 Web.config 继承 machine.config， 子 文件 夹 中 的 Web.config 继承 根 
文件 夹 中 的 Web.config。 不 同 的 Web.config 分 别 作用 于 各 自 所 在 的 文件 夹 和 下 一 级 文件 夹 。 
其 中 ， 网 站 根 文件 夹 下 的 Web.config 作用 于 整个 网 站 ， 而 子 文件 夹 中 的 Web.config 常用 于 存 
储 该 子 文件 夹 的 授权 信息 。 

Web.config 文件 的 基本 结构 如 下 : 


<?xml Version="1.0" encoding="utf-8"?> 
<configuration> 
<configSections> 


</configSections> 


</configuration> 


其 中 <configuration> 表 示 Web.config 文件 的 根 元 素 。 根 据 配置 要 求 的 不 同 ， 可 形成 多 个 
包含 于 <configuration> 中 的 下 一 级 元 素 。 

选择 “网 站 ”一 “ASPNET 配置 ”命令 ,在 呈现 的 “ASPNET 网 站 管理 工具 ”窗口 中 可 
配置 身份 验证 类 型 、 角 色 、 访 问 规则 、SMTP 电子 邮件 设置 、 默 认错 误 页 等 。 配 置 完成 后 ， 
会 自动 生成 配置 元 素 信息 并 存储 到 Web.config 文件 中 。 另 外 ， 实 际 工程 中 还 需要 配置 的 元 素 
主要 有 : 

。 <connectionStrings> 一 一 用 于 数据 库 连 接 字 符 串 的 配置 。 

。 <profile> 一 一 用 于 用 户 个 性 化 的 配置 。 

。 <sessionState> 一 一 用 于 会 话 状态 的 配置 。 

。 <webParts> 一 一 用 于 Web 部 件 的 配置 。 

。 <membership> 一 一 用 于 成 员 资 格 管理 的 配置 。 


2.8 Global.asax 


Global.asax 文件 〔 全 局 应 用 程序 类 文件 是 一 个 可 选 文 件 ， 用 于 包含 响应 应 用 程序 级 别 
和 会 话 级 别 事件 的 代码 。 着 一 个 网 站 中 包含 Global.asax， 则 必须 存储 于 网 站 的 根 文件 夹 ， 且 
每 个 网 站 只 能 包含 一 个 Globalasax 文件 。 当 用 户 向 一 个 .aspx 文件 首次 发 出 访问 请 求 时 ，Web 
服务 器 都 会 执行 Globalasax 文件 。 因 此 ， 包 含 在 Globalasax 文件 中 的 代码 将 首先 被 执行 。 
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Global.asax 文件 中 处 理 典型 事件 的 方法 包括 : 
。 Application Start() 一 一 Web 应 用 程序 启动 时 运行 的 代码 。 
。 Application End0 一 一 Web 应 用 程序 关闭 时 运行 的 代码 。 
。 Application_Error() 一 一 Web 应 用 程序 出 现 未 处 理 的 错误 时 运行 的 代码 。 
。 Session_Start() 一 一 用 户 访问 Web 应 用 程序 启动 新 会 话 时 运行 的 代码 。 
。 Session End() 一 一 用 户 结束 会 话 时 运行 的 代码 。 
。 Profile MigrateAnonymous() 一 一 从 匿名 用 户 登录 到 注册 用 户 时 运行 的 代码 ,作用 是 将 
匿名 用 户 的 个 性 化 配置 信息 复制 到 已 通过 身份 验证 的 注册 用 户 的 个 性 化 配置 信息 中 。 


2.9 小 结 


章 主要 介绍 ASPNET 4.5 网 站 的 组 成 , 主要 包含 .html 文件 .aspx 文件 、.aspx.cs 文件 css 
文件 、js 文件 、jQuery 文件 、.xml 文件 、Web.config 文件 和 Globalasax 文件 等 。.html 文件 
由 浏览 器 解释 执行 ， 所 有 的 .aspx 都 要 转化 为 XHTML 才能 在 浏览 器 中 查看 。 页 面 的 C# 代 码 
存储 时 有 单 文件 模型 和 代码 隐藏 页 模型 。 代 码 隐 藏 页 模型 能 将 C# 代 码 编译 成 程序 集 ， 从 而 保 
护 C# 代 码 不 易 被 窃取 。 因 此 ， 软 件 公 司 在 开发 Web 应 用 程序 时 大 都 采用 该 模型 。CSS 样式 
能 使 网 站 保持 统一 风格 。JavaScript 为 静态 页 面 提供 动态 功能 ， 也 是 以 后 学 习 Microsoft Ajax 
的 基础 。jQuery 能 非常 方便 地 控制 和 管理 XHTML 元 素 ， 实 现 XHTML 元 素 的 动画 效果 ， 还 
能 实现 表单 编程 和 Ajax 交互 等 。XML 已 成 为 Intermet 数据 交换 的 标准 格式 ， 了 解 XML 文件 
为 ASPNET 访问 XML 文件 打下 基础 。Web.config 用 于 存储 Web 应 用 程序 的 配置 信息 。 
Globalasax 文件 用 于 包含 响应 应 用 程序 级 别 和 会 话 级 别 事件 的 代码 。 


2.10 习 题 


1， 填空 题 

(1) VSEW 2012 默认 建立 的 XHTML 文件 类 型 是 。 

(2) 利用 XHTML 建立 一 个 链接 到 jxst@126.com 邮箱 的 元 素 是 。 
(3) 页 面 中 的 空格 用 表示 。 

(4) 存放 Web 窗 体 页 C# 代 码 的 模型 有 单 文件 页 模型 和 

(5) 实现 页 面 3 秒 自动 刷新 一 次 的 元 素 是 可 

(6) 在 单 文件 页 模型 中 ，C# 代 码 必须 包含 于 之 间 。 

(7) 代码 隐藏 页 模型 通过 属性 将 .aspx 文件 和 对 应 的 .aspx.cs 文件 联系 起 来 。 
(8) 外 部 样式 表 通 过 元 素 链 接 到 页 面 。 

(9) XML 主要 用 于 数据 。 

(10) Global.asax 文件 用 于 包含 响应 级 别 和 级 别 事件 的 代码 。 
2. 是 非 题 

(1) XHTML 是 HTML 的 子 集 。 

(2) XHTML 中 每 个 元 素 都 有 结束 标记 。 

(3) 在 <meta> 元 素 中 可 设置 能 被 搜索 引擎 检索 到 的 关键 词 。 

(4) [attr~=val]{…} 选 择 attr 属性 值 中 包含 val 值 的 元 素 。 


ww 
——___ 
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(5) .html 文件 不 需要 编译 ， 直 接 从 Web 服务 器 下 载 到 浏览 器 执行 即 可 。 ( 
(6) 类 选择 器 在 定义 时 要 加 前 缀 #。 站 
(7) JavaScript 代码 必须 包含 在 <scrip 伺 元素 中 。 ( 
3， 选择 题 


(1) CSS 选择 器 不 包括 ( i 
A. 元 素 选 择 器 B. 属性 选择 器 C. id 选择 器 D. 文件 选择 器 
(2) 下 面 〈 ) 是 静态 页 面 文件 的 扩展 名 。 


A. .asp B. .html C. .aspx D. jjsp 
(3) App_Code 文件 夹 用 来 存储 )。 
A. 数据 库 文件 B. 共享 文件 C. 代码 文件 D. 主题 文件 
(4) Web.config 文件 不 能 用 于 (。”)。 
A. Application 事件 处 理 代码 的 定义 B. 数据 库 连接 字符 串 的 定义 
C. 对 文件 夹 的 访问 授权 D. 基于 角色 的 安全 性 控制 


4. 简 答题 

(1) 简要 说 明 CSS3 的 用 途 。 

(2) 为 何 可 以 把 .html 文件 的 扩展 名 改 为 aspx， 而 不 能 把 .aspx 文件 的 扩展 名 改 为 html? 
(3) ASPNET 4.5 网 站 开发 中 为 何 需要 JavaScript? 

(4) 举例 说 明 jQuery 的 功能 。 

(5) 简 述 Web.config 文件 特点 及 作用 。 

(6) 简 述 Global.asax 文件 特点 及 作用 。 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 浏览 本 书 提 供 的 MyPetShop 综合 实例 ， 实 现 首 页 布局 。 
(3) 建立 一 个 外 部 样式 表 ， 控 制 多 个 页 面 。 

(4) 查找 资料 ， 实 现 利 用 JavaScript 关闭 当前 窗口 的 功能 。 
(5) 利用 jQuery 实现 一 个 时 间 数 据 来 源 于 客户 端的 时 钟 。 
(6) 建立 一 个 能 表达 学 生 信息 的 XML 文件 。 

(7) 在 VSEW 2012 中 配置 Web.config。 


上 
C 
攻 


C# 和 0 ASP.NET 4.5 


本 章 要 点 : 

。 了 解 C# 语 言 特点 和 编程 规范 。 

了 解 常用 NET Framework 命名 空间 。 

结合 ASPNET 4.5 页 面 熟悉 C# 语 言 的 运用 。 
能 结合 ASPNET 4.5 页 面 创建 简单 的 类 。 
掌握 ASPNET 4.5 页 面 调试 的 方法 。 


3.1 “C# 概 述 


和 


C# 是 Microsoft 专门 为 .NET 量 身 打造 的 一 种 全 新 的 编程 语言 ,目前 , C# 已 经 分 别 被 ECMA 
和 ISO/TEC 组 织 接受 并 形成 ECMA-334 标准 和 ISO/IEC 23270 标准 。 它 与 .NET Framework 有 
密 不 可 分 的 关系 ，C# 的 类 型 即 为 .NET Framework 所 提供 的 类 型 , 并 直接 使 用 .NET Framework 
所 提供 的 类 库 。 另 外 ，C# 的 类 型 安全 检查 、 结 构 化 异常 处 理 等 都 交 给 CLR 处 理 。 实 际 上 ， 
ASPNET 4.5 本 身 就 采用 C# 语 言 开发 ， 所 以 C# 不 仅 适用 于 Web 应 用 程序 的 开发 ， 也 适用 于 
开发 强大 的 系统 程序 。 总 体 来 说 ， 它 具有 以 下 典型 特点 : 

(1) C# 代 码 在 .NET Framework 提供 的 环境 下 运行 , 不 允许 直接 操作 内 存 , 增强 了 程序 的 
安全 性 。C# 不 推荐 使 用 指针 , 若 要 使 用 指针 , 就 必须 添加 unsafe 修饰 符 , 且 在 编译 时 使 用 /unsafe 

(2) 使 用 C# 能 构建 健壮 的 应 用 程序 。C# 中 的 垃圾 回收 将 自动 回收 不 再 使 用 的 对 象 所 占 
用 的 内 存 ， 异 常 处 理 提供 了 结构 化 和 可 扩展 的 错误 检测 和 恢复 方法 ， 类 型 安全 的 设计 则 避免 
了 读 取 未 初始 化 的 变量 、 数 组 索引 超出 边界 等 情形 。 

(3) 统一 的 类 型 系统 。 所 有 C# 类 型 都 继承 于 一 个 唯一 的 根 类 型 object。 因 此 ， 所 有 类 型 
都 共享 一 组 通用 操作 。 

(4) 完全 支持 组 件 编程 。 现代 软 件 设 计 日 益 依 赖 自 包含 和 自 描述 功能 包 形 式 的 软件 组 件 ， 
通过 属性 、 方 法 和 事件 来 提供 编程 模型 。C# 可 以 容易 地 创建 和 使 用 这 些 软件 组 件 。 


3.2 .NET Framework 命名 空间 


.NET Framework 提供 了 几 千 个 类 用 于 对 系统 功能 的 访问 ， 这 些 类 是 建立 应 用 程序 、 组 件 
和 控件 的 基础 。 在 NET Framework 中 ， 组 织 这 些 类 的 方式 即 是 命名 空间 。 

要 在 ASPNET 网 站 中 使 用 这 些 命名 空间 ， 需 要 使 用 using 语句 ， 如 using System: 表 示 导 
入 System 命名 空间 。 导 入 命名 空间 后 使 得 要 访问 包含 的 类 时 可 省 略 命名 空间 。 例 如 ， 若 没有 
使 用 using System: 语 句 ， 则 string stNum = "100": 这 个 语句 就 会 出 现 编译 错 误 ， 此 时 就 应 该 用 
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System.String strNum = "100"; 代 替 。 
注意 : C# 语 言 区 分 大 小 写 。 语 句 System.String strNum = "100": 中 String 首 字母 大 写 ， 其 
实 这 里 的 String 是 System 命名 空间 中 的 一 个 类 。 而 string sttNum = "100": 中 string 表示 一 种 
数据 类 型 。 
常用 于 ASPNET 4.5 页 面 的 命名 空间 有 : 
。 System 一 一 提供 基本 类 。 
® System.Configuration 提供 处 理 配置 文件 中 数据 的 类 。 
。 System.Data 一 一 提供 对 ADO.NET 类 的 访问 。 
。 System.Ling 一 一 提供 使 用 LINQ 进行 查询 的 类 和 接口 。 
System.Web 一 一 提供 使 浏览 器 与 服务 器 相互 通信 的 类 和 接口 。 
System.Web.Security 一 一 提供 实现 ASPNET 安全 性 的 类 。 
System.Web.UI 一 一 提供 用 于 创建 Web 应 用 程序 用 户 界 面 的 类 和 接口 。 
System.Web.UI.HtmlControls 一 一 提供 在 Web 窗 体 上 创建 HTML 服务 器 控件 的 类 。 
。 System.Web.UI.WebControls 一 一 提供 在 Web 窗 体 上 创建 Web 服务 器 控件 的 类 。 
。 System.Web.UI.WebControls.WebParts 一 一 提供 用 于 创建 个 性 化 Web 部 件 页 的 类 和 
接口 。 
。 System.Xml.Ling 一 一 提供 用 于 LINQ to XML 的 类 。 


3.3 编程 规范 


3.3.1 程序 注释 


注释 有 助 于 理解 代码 ， 有 效 的 注释 是 指 在 代码 的 功能 、 意图 层次 上 进行 注释 ,提供 有 用 、 
额外 的 信息 ， 而 不 是 代码 表面 意义 的 简单 重复 。 程 序 注释 需要 遵守 下 面 的 规则 

(1) 类 、 方 法 、 属 性 的 注释 采用 XML 文档 格式 注释 。 多 行 代码 注释 采用 /+ … */。 单 行 
代码 注释 采用 //…。 

(2) 类 、 接 口头 部 应 进行 XML 注释 。 注 释 应 列 出 内 容 摘要 、 版 本 号 、 作 者 、 完 成 日 期 、 
修改 信息 等 。 

(3) 公共 方法 前 面 应 进行 XML 注释 ， 列 出 方法 的 目的 /功能 、 输 入 参数 、 返 回 值 等 。 

(4) 在 人 中 包含 较 多 代码 行 的 结束 处 应 加 注释 ， 特 别 是 多 分 支 、 多 重 幅 套 的 条 件 语句 或 
循环 语句 。 

(5) 对 分 支 语句 〈 条 件 分 支 、 循 环 语句 等 ) 应 编写 注释 。 这 些 语 句 往往 是 程序 实现 某 一 
特殊 功能 的 关键 ， 对 于 维护 人 员 来 说 ， 良 好 的 注释 有 助 于 更 好 地 理解 程序 ， 有 时 甚至 优 于 看 
设计 文档 。 

3.3.2 ”命名 规则 


命名 时 常 考虑 字母 的 大 小 写 规 则 ， 主 要 有 Pascal 和 Camel 两 种 形式 。Pascal 形式 将 标识 
符 的 首 字母 和 后 面 连接 的 每 个 单词 的 首 字 母 都 大 写 , 如 BackColor。Camel 形式 将 标识 符 的 首 
字母 小 写 ， 而 每 个 后 面 连 接 的 单词 的 首 字母 都 大 写 ， 如 backColor。 常 用 标识 符 的 大 小 写 方式 
如 表 3-1 所 示 。 
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表 3-1 常用 标识 符 的 大 小 写 方 式 对 应 表 


标 识 符 页 “ 式 示 例 示 例 

类 Pascal AppDomain 接口 IDisposable 
枚 举 类 型 Pascal ErrorLevel 方法 ToString 
枚 举 值 Pascal FatalError 命名 空间 System 
事件 Pascal ValueChanged 参数 typeName 
异常 类 Pascal WebException 属性 BackColor 
只 读 的 静态 字段 ”| Pascal RedValue 变量 名 strName 

下 面 是 命名 时 应 遵守 的 其 他 规则 。 

(1) 用 正确 的 反义词 组 命名 具有 互 斥 意义 的 变量 或 相反 动作 的 函数 等 。 

(2) 常量 名 都 要 使 用 大 写字 母 , 用 下 划 线 分 割 单词 ， 如 MIN_VALUE 等 。 


(3) 一 般 变量 名 不 得 取 单 个 字符 〈 如 太太 天 等 ) 作为 变量 名 ， 局 部 循环 变量 除外 。 

(4) 类 的 成 员 变量 《〈 属 性 所 对 应 的 变量 ) 使 用 前 级 _， 如 属性 名 为 Name， 则 对 应 的 成 员 
变量 名 为 Name。 

(5) 控件 命名 采用 “控件 名 简写 + 英文 描述 ”形式 ， 英 文 描述 首 字母 大 写 。 建 议 采 用 如 


表 3-2 所 示 的 常用 控件 名 简写 规范 。 
(6) 接口 命名 在 名 字 前 加 上 了 工 前 级 ， 如 IDisposable。 
表 3-2 建议 的 常用 控件 名 简写 规范 表 
控 件 名 控 件 名 简 写 
Label RadioButton rdo 
Button Image img 
ImageButton DropDownList RangeValidator TV 
ListBox GridView RequiredFieldValidator Ifv 
DataList CheckBox CompareValidator CV 
CheckBoxList ValidatorSummary VS 
RadioButtonList RegularExpressionValidator | rev 
Panel 
= 
里 
3.4.1 常量 声明 


常量 具有 在 编译 时 值 保持 不 变 的 特性 ， 声 明 时 使 用 const 关键 字 ， 同 时 必须 初始 化 。 使 
用 常量 的 好 处 主要 有 : 常量 用 易于 理解 的 名 称 替代 了 “含义 不 明确 的 数字 或 字符 串 ”， 使 程序 
更 易于 阅读 ; 常量 使 程序 更 易于 修改 ， 如 个 人 所 得 税 计算 中 ， 若 使 用 TAX 常量 代表 税率 ， 当 
税率 改变 时 ， 只 需 修改 常量 值 而 不 必 在 整个 程序 中 修改 相应 税率 。 

常量 的 访问 修饰 符 有 public、intemal、protected intemal 和 private 等 ， 如 : 


public const string CORP=" 一 舟 网 络 "; // 定 义 公 共 的 字符 型 常量 CORP， 值 为 "一 舟 网 络 " 
3.4.2 ”变量 声明 


变量 具有 在 程序 运行 过 程 中 值 可 以 变化 的 特性 ， 必 须 先 声明 再 使 用 。 变 量 名 长 度 任意 ， 
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可 以 由 数字 、 字 母 、 下 划 线 等 组 成 , 但 第 一 个 字符 必须 是 字母 或 下 划 线 。C# 是 区 分 大 小 写 的 ， 
因此 strName 和 stmame 代表 不 同 的 变量 .变量 的 修饰 符 有 public、internal、 protected、 protected 
internal、private、static 和 readonly，C# 中 将 具有 这 些 修 饰 符 的 变量 称 为 字段 ， 而 把 方法 中 定 
义 的 变量 称 为 局 部 变量 。 

注意 : 局 部 变量 前 不 能 添加 public、intemal、protected、Pprotected intemal、private、static 


和 readonly 等 修饰 符 。 
3.4.3 ”修饰 符 


public、intemal、protected、protected intemal、private 修饰 符 都 用 于 设置 变量 的 访问 级 别 ， 
在 变量 声明 中 只 能 使 用 这 些 修饰 符 中 的 一 个 。 它 们 的 作用 范围 如 表 3-3 所 示 。 


表 3-3 访问 修饰 符 的 作用 范围 表 


修 饰 符 作用 范围 
public 访问 不 受 限 制 ， 任 何 地 方 都 可 访问 
internal 在 当前 程序 中 能 被 访问 
protected 在 所 属 的 类 或 派生 类 中 能 被 访问 
protected internal 在 当前 的 程序 或 派生 类 中 能 被 访问 
private 在 所 属 的 类 中 能 被 访问 


使 用 static 声明 的 变量 称 静 态 变量 ， 又 称 为 静态 字段 。 对 于 类 中 的 静态 字段 ， 在 使 用 时 
即使 创建 了 多 个 类 的 实例 ， 都 仅 对 应 一 个 实例 副本 。 访 问 静 态 字 段 时 只 能 通过 类 直接 访问 ， 
而 不 能 通过 类 的 实例 来 访问 。 

使 用 readonly 声明 的 变量 称 只 读 变量 ， 这 种 变量 被 初始 化 后 在 程序 中 不 能 修改 它 的 值 。 
3.4.4 ”局 部 变量 作用 范围 

1. 块 级 

块 级 变量 是 作用 域 范围 最 小 的 变量 ， 如 包含 在 让 while 等 语句 段 中 的 变量 。 这 种 变量 仅 
在 块 内 有 效 ， 在 块 结束 后 即 被 删除 。 如 下 面 程序 段 中 的 sttName 变量 ， 在 程序 段 结束 之 后 不 
能 被 访问 。 

if (nSum==1) 


{ 


string strName=" 张 三 "; // strName 是 块 级 变量 
} 
lblMessage.Text=strName; // 不 能 访问 strName， 会 产生 编译 错误 
2. 方法 级 


方法 级 变量 作用 于 声明 变量 的 方法 中 ， 在 方法 外 不 能 访问 。 


protected void Page Load(object sender, EventArgs e) 
{ 
string strName=" 张 三 "; // strName 是 方法 级 变量 
} 
protected void btnsubmit Click(object sender, EventArgs e) 
{ 
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lblMessage.Text=strName;  // 不 能 访问 strName， 会 产生 编译 错误 
} 


3. 对 象 级 
对 象 级 变量 可 作用 于 定义 类 的 所 有 方法 中 ， 只 有 相应 的 ASPNET 页 面 结束 时 才 被 删除 。 


public partial class Default : System.Web.UI.Page 
{ 
string strName=" 张 三 "; //strName 是 对 象 级 变量 
protected void Page Load(object sender, EventArgs e) 
{ 
strName=" 李 四 "; 
} 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
lblMessage.Text=strName; // 能 访问 strName 
} 
} 


3.5 数据 类 型 


C# 数 据 类 型 有 值 类 型 和 引用 类 型 两 种 。 值 类 型 变量 直接 包含 它们 的 数据 ， 而 引用 类 型 变 
量 存储 它们 的 数据 的 引用 。 对 于 值 类 型 ， 一 个 变量 的 操作 不 会 影响 另 一 个 变量 ， 而 对 于 引用 
类 型 ， 两 个 变量 可 能 引用 同一 个 对 象 ， 因 此 对 一 个 变量 的 操作 可 能 会 影响 到 另 一 个 变量 。 
3.5.1 值 类 型 

值 类 型 分 为 简单 类 型 、 结 构 类 型 、 枚 举 类 型 。 简 单 类 型 再 分 为 整数 类 型 、 布 尔 类 型 、 字 
符 类 型 和 实数 类 型 。 


1 简单 类 型 

1) 整数 类 型 

整数 类 型 的 值 都 为 整数 ， 在 具体 编程 时 应 根据 实际 需要 选择 合适 的 整数 类 型 ， 以 免 造 成 
存储 资源 浪费 。 


2) 布尔 类 型 
布尔 类 型 表示 “ 真 ” 和 “ 假 ” 用 tme 和 false 表示 。 
注意 : 布尔 类 型 不 能 用 整数 类 型 代替 ， 如 数字 0 不 能 代替 false。 


3) 字符 类 型 

字符 类 型 采用 Unicode 字符 集 标 准 ， 一 个 字符 长 度 为 16 位 。 字 符 类 型 的 赋值 形式 有 : 
char cl="'A'; // 一 般 方 式 ， 值 为 字符 A 

char c2=' 中 '; // 值 为 汉字 “中 ” 


char c3="'\x0041'; // 十 六 进 制 方式 ， 值 为 字符 A 
char c4='\u0041';  //Unicode 方式 ， 值 为 字符 A 
char c5="'\'';  // 转 义 符 方式 ， 值 为 单 引号 ' ， 其 中 等 号 右边 是 “ 单 引 号 、\、 单 引号 、 单 引号 ” 


注意 : char 类 型 变量 声明 时 必须 包含 在 一 对 单 引号 中 ， 如 语句 “char c6="A";” 编 译 时 将 
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出 错 。 
4) 实数 类 型 
实数 类 型 分 为 float 单 精度 类 型 、double 双 精 度 类 型 和 decimal 十 进 制 类 型 。 其 中 float、 
double 类 型 常用 于 科学 计算 ，decimal 类 型 常用 于 金融 计算 。 

注意 : float 类 型 必须 在 数据 后 添加 下 或 f，decimal 类 型 必须 添加 M 或 m， 否 则 编译 器 
以 double 类 型 处 理 ， 如 “float fNum=12.6f”。 

2. 结构 类 型 

把 一 系列 相关 的 变量 组 织 在 一 起 形成 一 个 单一 实体 ， 这 种 类 型 叫 结构 类 型 ， 结 构 体 内 的 
每 个 变量 称 为 结构 成 员 。 结 构 类 型 的 声明 使 用 struct 关键 字 。 下 面 的 示例 代码 声明 学 生 信息 
StudentInfo 结构 ， 其 中 包括 Name、Phone、Address 成 员 。 


public struct StudentInfo 
{ 
public string Name; 
public string Phone; 
public string Address; 


. 
StudentInfo stStudent; //stStudent 为 一 个 StudentInfo 结构 类 型 变量 


对 结构 成 员 访问 使 用 “结构 变量 名 .成 员 名 ”形式 ， 如 “stStudent.Name=" 张 三 "; ”。 

3， 枚 举 类 型 

枚 举 类 型 是 由 一 组 常量 组 成 的 类 型 ， 使 用 enum 关键 字 声明 。 枚 举 中 每 个 元 素 默认 是 整 
数 类 型 ， 且 第 一 个 值 为 0， 后 面 每 个 连续 的 元 素 依 次 加 1 递增 。 若 要 改变 默认 起 始 值 0， 可 以 
通过 直接 给 第 一 个 元 素 赋值 的 方法 来 改变 。 枚 举 类 型 的 变量 在 某 一 时 刻 只 能 取 某 一 枚 举 元 素 
的 值 。 

实例 3-1 运用 枚 举 类 型 变量 
本 实例 首先 定义 枚 举 类 型 Color， 再 声明 enumColor 枚 举 变量 ， 最 后 以 两 种 形式 输出 


enumColor 值 。 


源 程序 ，Enum.aspx 部 分 代码 


<sQ@ Page Language="C#" RutoEventWireup="true"” CodeFile="Enum.aspx.cs" 


Inherits="Chap3_Enum'" 和 > 


… ( 略 ) 


源 程序 .Enum.aspx.cs 


using System; 
public partial class Chap3 Enum : System.Web.UI.Page 
{ 
enum Color // 声 明 枚 举 类 型 Color 
Red = 1, Green, Blue 
时 
protected void Page Load(object sender, EventArgs e) 


{ 
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Color enumColor = Color.Green; 
int i = (int)Color.Green; 
Response.Write ("enumColor 的 值 为 : " + enumColor + "<br />"); // 输 出 Green 
Response.Write ("i 的 值 为 : " + i) 7 // 输 出 2 
} 
} 


操作 步骤 : 
在 Chap3 文件 夹 中 新 建 Enum.aspx 和 Enum.aspx.cs。 在 Enum.aspx.cs 中 输入 阴影 部 分 内 
容 。 浏 览 Enum.aspx 呈现 如 图 3-1 所 示 的 界面 。 
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图 3-1 Enum.aspx 浏览 效果 


3.5.2 引用 类 型 


C# 引 用 类 型 包括 class 类 型 、 接 口 类 型 、 数 组 类 型 和 委托 类 型 。 

1.。class 类 型 

class 类 型 定义 了 一 个 包含 数据 成 员 〈 字 段 ， 和 函数 成 员 ( 方 法、 属性 等 ) 的 数据 结构 ， 
声明 使 用 class 关键 字 。 在 3.8 节 中 将 详细 地 介绍 有 关 类 的 内 容 。 

1) object 类 型 

作为 class 类 型 之 一 的 object 类 型 ,在 NET Framework 中 实质 是 System.Object 类 的 别名 。 
object 类 型 在 C# 的 统一 类 型 系统 中 有 特殊 作用 , 所 有 其 他 类 型 (预定 义 类 型 、 用 户 定义 类 型 、 
引用 类 型 和 值 类 型 ) 都 是 直接 或 间接 地 从 System.Object 类 继承 ， 因 此 ， 可 以 将 任何 类 型 的 数 
据 转 化 为 object 类 型 。 

2) string 类 型 

另外 一 种 作为 class 类 型 的 string 类 型 在 C# 中 实质 是 一 种 数组 ， 即 字符 串 可 看 作 是 一 个 
字符 数组 。 在 声明 时 要 求 放 在 一 对 双 引 号 之 间 。 对 于 包含 \ 等 字符 的 字符 串 ， 要 使 用 转 义 符 形 
式 ， 如 下 面 的 示例 代码 : 

string strPath = "C:\\ASP.NET\\Default .aspx"; 

对 需要 转 义 符 定义 的 字符 串 ，C# 中 的 @ 字 符 提供 了 另 一 种 解决 方法 ， 即 在 字符 串 前 加 上 
@ 后 ， 字 符 串 中 的 所 有 字符 都 会 被 看 作 原 来 的 含义 ， 如 上 面 的 示例 代码 可 写成 : 

string strPath = @"C:\ASP.NET\Default.aspx"; 

另外 ，[] 运 算 符 可 访问 字符 串 中 各 个 字符 ， 如 : 


string strTest = "abcdefg"; 
char x = strTest[2]; //x 的 值 为 'c' 


注意 : string 类 型 声明 需要 一 对 双 引 号 ， 而 char 类 型 声明 需要 一 对 单 引号 。 
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实际 编程 时 经 常 遇 到 要 将 其 他 数据 类 型 转换 为 string 类 型 的 情形 , 这 可 以 通过 ToString0 
方法 实现 ， 如 : 


string strInt = 23.ToString(); //int 类 型 转换 为 string 类 型 


ToString(0 方 法 还 提供 了 很 实用 的 用 于 转换 成 不 同 格式 的 参数 , 如 下 面 示例 中 了 表示 百 分 
比 格式 ，D 表示 长 日 期 格式 ， 其 他 的 参数 详 见 MSDN。 
Response.Write(0.234.ToString("P")) 7 // 输 出 23.4% 


// 输 出 当前 系统 日 期 ， 形 式 如 “2013 年 12 月 21 日 ” 


Response.Write (DateTime.Now.ToString("D")); 
若 要 将 string 类 型 转换 为 其 他 类 型 ， 可 使 用 Parse() 方 法 或 Convert 类 的 相应 方法 ， 如 : 


int iString = Int32.Parse("1234") 7 // 将 string 类 型 转换 为 int32 类 型 

// 将 日 期 类 型 转换 为 string 类 型 

string strDatetime = Convert.ToString (DateTime.Now); 

2， 接 口 类 型 

接口 常用 来 描述 组 件 对 外 能 提供 的 服务 ， 如 组 件 与 组 件 之 间 、 组 件 和 用 户 之 间 的 交互 都 
是 通过 接口 完成 。 接 口中 不 能 定义 数据 ， 只 能 定义 方法 、 属 性 、 事 件 等 。 包 含 在 接口 中 的 方 
法 不 定义 具体 实现 ， 而 是 在 接口 的 继承 类 中 实现 。 

3. 数组 类 型 

数组 是 一 组 数据 类 型 相同 的 元 素 集合 。 要 访问 数组 中 的 元 素 时 , 可 以 通过 “数组 名 [下 标 ]” 
形式 获取 ， 其 中 下 标 编号 从 0 开始 。 数 组 可 以 是 一 维 的 ， 也 可 以 是 多 维 的 。 下 面 是 数组 声明 
的 多 种 形式 : 


string[] sl1; // 定 义 一 维 数组 ， 但 未 初始 化 值 
int[] s2 = new int[] { 1, 2, 3 }; // 定 义 一 维 数组 并 初始 化 
int[,] s3 = new int[,] { { 1,，2 }，{ 4，5 } }; // 定 义 二 维 数组 并 初始 化 

4. 委托 类 型 


委托 是 一 种 安全 的 封装 方法 的 类 型 , 类 似 于 C 和 C++ 中 的 函数 指针 。 与 C 中 的 函数 指针 
不 同 ， 委 托 是 类 型 安全 的 ， 通 过 委托 可 以 将 方法 作为 参数 或 变量 使 用 。 
3.5.3 ” 装 箱 和 拆 箱 

装 箱 和 拆 箱 是 实现 值 类 型 和 引用 类 型 相互 转换 的 桥梁 。 装 箱 的 核心 是 把 值 类 型 转换 为 对 
象 类 型 ， 也 就 是 创建 一 个 对 象 并 把 值 赋 给 对 象 ， 如 

int i = 100; 

object objNum = i; // 装 箱 


拆 箱 的 核心 是 把 对 象 类 型 转换 为 值 类 型 ， 即 把 值 从 对 象 实例 中 复制 出 来 ， 如 : 


int i = 100; 
object objNum = i;  // 装 箱 
int j = (int)objNum; // 拆 箱 
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3.6 运 算 符 


表 3-4 总 结 了 C# 中 常用 的 运算 符 ， 并 按 优先 级 从 高 到 低 的 顺序 列 出 。 


类 别 


基本 


-元 


乘除 


加 减 


移 位 


关系 和 类 型 检测 


逻辑 操作 


XI 
X(…) 
x[…] 


Rt 


X-- 
new T(*…) 
new T(…){…} 
new {*…} 
new T[*…] 
typeof(D) 


表 3-4 ”运算 符 对 应 表 
说 

成 员 访 问 
方法 和 委托 调用 
数组 和 索引 器 访问 
后 增 量 
后 减 量 
对 象 和 委托 创建 
使 用 初始 值 设 定 项 创建 对 象 
匿名 对 象 初始 值 设 定 项 
数组 创建 
获得 工 的 System.Type 对 象 
求 相反 数 
逻辑 求 反 
按 位 求 反 
前 增 量 
前 减 量 
显 式 地 将 x 转换 为 类 型 T 
乘法 
除法 
加 法 、 字 符 串 串联 、 委 托 组 合 
减法 、 委 托 移 除 


小 于 或 等 于 
大 于 或 等 于 
如 果 x 属于 工 类 型 ， 则 返回 tue， 


明 


否则 返回 false 


返回 转换 为 类 型 了 的 x， 如 果 x 不 是 T， 则 返回 null 


若 X 等 于 y， 则 为 tue， 否 则 false 


若 x 不 等 于 y， 则 为 tue， 和 否则 false 


整 型 按 位 AND、 布 尔 逻 辑 AND 
整 型 按 位 XOR、 布 尔 逻辑 XOR 
整 型 按 位 OR、 布尔 逻辑 OR 


仅 当 x 为 true 时 才 对 y 求 值 ， 青 执行 布尔 逻辑 AND 操作 
仅 当 x 为 false 时 才 对 y 求 值 ， 再 执行 布尔 逻辑 OR 操作 


条 件 


如 果 X 为 tue， 则 对 y 求 值 并 返回 
求 值 并 返回 z 的 值 


y 的 值 ， 如 果 xX 为 false， 则 对 z 


赋值 或 匿名 函数 


赋值 
复合 赋值 ， 支 持 op 运算 符 有 : 
*= 三 %= 二 一 


Lambda 表达 式 


= 


>>= &- 人 ~ 上 
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3.7 流程 控制 


与 其 他 语言 类 似 ，C# 提 供 了 选择 、 循 环 等 结构 。 用 于 选择 结构 的 有 让 和 switch 语句 ; 用 
于 循环 结构 的 有 while、do-while、for 和 foreach 语句 。 


3.7.1 选择 结构 


1. 放 语 句 
语法 格式 一 : 
if (条 件 表达 式 ) { 语句 序列 } 
执行 顺序 : 计算 条 件 表达 式 。 若 值 为 tue， 则 执行 “语句 序列 ”， 否则 执行 站 语句 的 后 续 
语句 。 
语法 格式 二 : 
if (条 件 表 达 式 ) { 语句 序列 1 } 
else { 语句 序列 2 } 
执行 顺序 : 计算 条 件 表达 式 。 若 值 为 tue， 则 执行 “语句 序列 1”， 否 则 执行 “语句 序 
列 2”。 
注意 : 条 件 表达 式 在 判断 是 否 相 等 时 一 定 要 用 ==。 
2. switch 语句 
让 语句 实现 的 是 两 路 分 支 功能 , 若 要 用 站 语句 实现 两 路 以 上 的 分 支 时 , 必须 嵌 套 迁 语句 。 
而 使 用 switch 语句 能 很 方便 地 实现 多 路 分 支 功能 。 语 法 格式 如 下 : 
switch (控制 表达 式 ) 
{ 
case 常量 1: 
语句 序列 1 
case 常量 2: 
语句 序列 2 


aa 
语句 序列 n 
} 
执行 顺序 : 计算 控制 表达 式 。 若 值 与 某 一 个 case 后 面 的 常量 值 匹 配 ， 则 执行 此 case 块 中 
的 语句 ， 若 值 与 所 有 case 后 面 的 常量 值 均 不 匹配 ， 则 执行 default 语句 块 。 


实例 3-2 运用 switch 语句 
如 图 3-2 所 示 ， 本 实例 根据 今天 是 星期 几 在 页 面 上 输出 相应 信息 。 


运用 switch 语 句 olx 
CHENT ER 1. 了 司 * 
今天 是 星期 三 ! 


图 3-2 ”Switch aspx 浏览 效果 
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源 程序 : Switch aspx 部 分 代码 


<%sQ@ Page Language="C#" AutoEventWireup="true"” CodeFile="Switch.aspx.cs" 
Inherits="Chap3 Switch" 和 > 
……( 略 ) 


源 程序 ， Switch aspx.cs 


using System7 
public partial class Chap3 Switch : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
DateTime dtToday = DateTime.Today; // 获 取 今天 的 系统 日 期 
switch (dtToday.DayOfWeek.ToString()) // 枚 举 值 转换 为 字符 型 
{ 
case "Monday": 
Response.Write ("今天 是 星期 一 ! "); 
break; 
case "Tuesday": 
Response.Write ("今天 是 星期 二 ! ")， 
break; 
case "Wednesday": 
Response.Write ("今天 是 星期 三 ! "); 
break; 
case "Thursday": 
Response.Write ("今天 是 星期 四 ! "); 
break; 
case "Friday": 
Response .Write ("今天 是 星期 五 ! ") ; 
break; 
default: 
Response.Write ("今天 可 以 休息 了 ! "); 
break; 


3.7.2 ”循环 结构 
1.while 语句 
while 语句 根据 条 件 表达 式 的 值 ， 执 行 0 次 或 多 次 循环 体 。 语 法 格式 如 下 : 
while (条 件 表达 式 ) { 语句 序列 } 
执行 顺序 : 
(1) 计算 条 件 表达 式 。 


(2) 若 条 件 表达 式 的 值 为 tue, 则 执行 循环 体 中 语句 序列 , 然后 返回 (1); 否则 执行 while 
后 续 语 句 。 


47 
第 3 章 C# 和 ASP.NET 4.5 


实例 3-3 ”运用 while 语句 
本 实例 在 页 面 上 的 文本 框 中 输入 一 个 值 x， 单 击 “ 确 定 ” 按 钮 后 计算 1+3+…+n， 再 在 一 
个 标签 控件 中 输出 计算 值 。 


源 程序 ，While.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="While.aspx.cs" 
Inherits="Chap3 While" $%> 


<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtInput" runat="server"> 请 输入 一 个 数字 </asp:TextBox> 
<asp:Label ID="lblOutput" runat="server"></asp:Label><br/> 
<asp:Button ID="btnSubmit" runat="server" Text=" 确 定 " 
OnCclick="btnSubmit Click" /> 
</div> 
</form> 


源 程序 ，While.aspx.cs 
using System; 
public partial class Chap3 While : System.Web.UI.Page 
{ 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 


int iSum = 0; //isum 存放 和 
int iInput = int.Parse (txtInput.Text);//iInput 存放 类 型 转换 后 的 文本 框 输入 值 
int i = 1; // 循 环 变量 i 


while (i <= iInput) 
4 
iSum += i; 
i += 2; 
} 
lblOoutput .Text = "和 为 : " + iSum.ToString(); 


操作 步骤 : 

在 Chap3 文件 夹 中 建立 While.aspx， 添 加 TextBox、Label 和 Button 控件 各 一 个 ， 参 考 源 
程序 设置 各 控件 属性 ; 在 While.aspx.cs 中 输入 代码 。 浏 览 While.aspx 呈现 如 图 3-3 所 示 的 界 
面 在 文本 框 中 输入 100， 单 击 “ 确 定 ” 按 钮 后 呈现 如 图 3-4 所 示 的 界面 。 


图 3-3 ”While.aspx 浏览 效果 (1) 图 3-4 While.aspx 浏览 效果 (2) 
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2.do-while 循环 
语法 格式 如 下 : 


do { 语句 序列 } 
while (条 件 表达 式 ) 


执行 顺序 : 

(1) 执行 循环 体内 语句 序列 。 

(2) 计算 条 件 表达 式 ， 若 值 为 tue， 则 返回 〈1); 否则 执行 后 续 语 句 。 

注意 : 与 while 语句 不 同 ，do-while 循环 体内 语句 序列 会 在 计算 条 件 表 达 式 之 前 执行 
一 次 。 

3.for 语句 

for 语句 适用 于 循环 次 数 已 知 的 循环 , 循环 体内 语句 序列 可 能 执行 0 次 或 多 次 。 语法 格式 
如 下 : 

for (循环 变量 初始 化 ; 条件 表达 式 ; 循环 控制 表达 式 ) { 语句 序列 } 


执行 顺序 : 

(1) 初始 化 循环 变量 ， 并 赋 初 值 。 

(2) 计算 条 件 表 达 式 ， 若 值 为 tue， 则 执行 循环 体内 语句 序列 ;否则 跳出 循环 。 
(3) 根据 循环 控制 表达 式 改变 循环 变量 的 值 ， 返 回 (2)。 

注意 : 当 使 用 for (; ;) 形 式 时 表示 死 循 环 ， 需 要 使 用 break 语句 跳出 。 


实例 3-4 运用 for 语句 
本 实例 利用 for 语句 在 页 面 上 输出 三 角形 。 


源 程序 ，Foraspx 部 分 代码 
<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="For.aspx.cs" 
Inherits="Chap3_For" %> 


… (上 略 ) 


源 程序 ， Foraspx.cs 
using System; 
Public partial class Chap3_For : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
for (int i = 1;i < 5;i++) //i 控制 行 数 
{ 
for (int k = 1;k <= 20-2*i;k++)  ”// 控 制 输出 每 行 前 的 空格 数 
{ 
Response.Write ("gnbsp;"); 
} 
for (int j = 1;j <= 2*i-1;j++) // 控 制 输出 每 行 的 * 数 
{ 
Response.Write("*"); 
} 
Response.Write ("<br/>"); // 换 行 
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} 


操作 步骤 : 
在 Chap3 文件 夹 中 建立 For.aspx 和 Foraspx.cs， 浏 览 Foraspx 呈现 如 图 3-5 所 示 的 界 


SE olxl 
pa ar 
KG 图 http://1.. | 人 I+ 


训 训 训 训 训 


训 训 认 训 训 认 可 


图 3-5 Foraspx 浏览 效果 


4.foreach 语句 
foreach 语句 常用 于 枚 举 数组 、 集 合 中 的 每 个 元 素 ， 并 针对 每 个 元 素 执行 循环 体内 语句 序 
列 。foreach 语句 不 能 改变 集合 中 各 元 素 的 值 。 语 法 格式 如 下 : 


foreach (数据 类 型 循环 变量 in 集合 ) { 语句 序列 } 


实例 3-$ ”运用 foreach 语句 
本 实例 先 给 一 个 strNames 数组 赋值 ， 再 逐个 输出 数组 元 素 。 


源 程序 ，Foreach.aspx 部 分 代码 
<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="Foreach.aspx.cs" 
Inherits="Chap3_Foreach" 和 > 


…( 略 ) 


源 程序 ， Foreach.aspx.cs 
using System; 
Public partial class Chap3_ Foreach : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
. 
string[] strNames = {“" 张 犯 "，" 周 振 "，" 王 涛 "”};  ”// 数 组 赋值 
Array.Sort (strNames); // 升 序 排列 数组 
foreach (string n in strNames) // 逐 个 输出 数组 元 素 
{ 
Response.Write ("姓名 : " + n + "<br/>"); 
} 


} 


操作 步骤 : 
在 Chap3 文件 夹 中 建立 Foreach.aspx 和 Foreach.aspx.cs。 浏 览 Foreach.aspx 呈现 如 图 3-6 
所 示 的 界面 。 
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图 3-6 ”Foreach.aspx 浏览 效果 


3.7.3 ”异常 处 理 


异常 的 产生 常 由 于 触发 了 某 个 异常 的 条 件 ， 使 得 操作 无 法 正常 进行 ， 如 算术 运算 中 的 除 
零 操 作 、 内 存 不 足 、 数 组 索引 越界 等 。 异 常 处 理 能 使 程序 更 加 健壮 ， 容 易 让 程序 员 对 捕获 的 
错误 进行 处 理 。 异 常 处 理 常 使 用 两 种 形式 ， throw 语句 和 try…catch…finally 结构 。 

1。throw 语句 

throw 语句 用 于 抛 出 异常 错误 信息 。 它 可 以 在 try…catch…finally 结构 的 catch 块 中 使 用 ， 
也 可 以 在 其 他 的 结构 中 使 用 ， 如 让 语句 。 


实例 3-6 ”运用 throw 语句 
本 实例 实现 当 除 零 操作 时 ， 抛 出 “除数 不 能 为 零 !” 的 错误 信息 。 


源 程序 :Throw.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Throw.aspx.cs" 
Inherits="Chap3_Throw" %> 


… (了 略 ) 


源 程序 ，Throw.aspx.cs 
using System; 
public partial class Chap3 Throw : System.Web.UI.Page 
. 
protected void Page_Load (object sender, EventArgs e) 


{ 
int i = 10; 


int 3 = 08 
int k; 
if (3 == 0) 


throw new Exception ("除数 不 能 为 零 ! "); 
} 
else 
k = i/j; 
Response .Write (k) 7? 
} 
3 


51 
第 3 章 C# 和 ASP.NET 4.5 


操作 步骤 : 

在 Chap3 文件 夹 中 建立 Throw.aspx 和 Throw.aspx.cs。 浏 览 Throw.aspx 呈现 如 图 3-7 所 
示 的 界面 。 

程序 说 明 : 

本 实例 主要 为 了 说 明 throw 语句 的 应 用 。 在 实际 工程 中 , j 变量 直接 赋值 为 0 再 进行 判断 
是 否 为 0 毫 无 意义 。 


\/" 应 用 程序 中 的 服务 器 错误 。 


原 慌 不 能 为 霍 / 


图 3-7 Throw.aspx 浏览 效果 


2. try…catch…finally 结构 

在 ty…catch…finally 结构 中 ， 异 常 捕获 由 try 块 完成 ， 处 理 异常 的 代码 放 在 catch 块 中 ， 
而 在 finally 块 中 的 代码 不 论 是 否 有 异常 发 生 总 会 被 执行 。 其 中 ,catch 块 可 包含 多 个 , 而 finally 
块 是 可 选 的 。 在 实际 应 用 中 ，finally 块 常 完成 一 些 善后 工作 ， 如 网 盘 文 件 读 写 操作 中 的 文件 
关闭 等 。 语 法 格式 如 下 : 

try { 可 能 出 错 的 语句 序列 ) 

catch (异常 声明 1) { 捕获 异常 后 执行 的 语句 序列 1 } 

catch (异常 声明 2) { 捕获 异常 后 执行 的 语句 序列 2 } 


finally { 总 是 执行 的 语句 块 } 


执行 顺序 : 

(1) 执行 try 块 ， 若 出 错 转 〈2)， 和 否则 转 (3)。 

(2) 将 捕获 的 异常 信息 逐个 查找 catch 块 中 的 异常 声明 ， 关 匹配 则 执行 内 婴 语 句 序列 。 
(3) 执行 finally 块 。 


实例 3-7 运用 try…catch…finally 结构 

本 实例 的 ExceptionNo.aspx.cs 未 包含 ty…catch…finally 结构 ,浏览 ExceptionNo.aspx 时 
因为 将 读 取 的 文件 块 存放 到 buffer 数组 时 超出 了 数组 界限 而 给 出 系统 报错 信息 ， 如 图 3-8 所 
示 。Exception.aspx.cs 中 包含 了 try…catch…finally 结构 ， 当 try 块 执行 出 错时 将 执行 catch 块 ， 
因此 ， 浏 览 Exception.aspx 时 显示 系统 错误 信息 和 开发 人 员 定 义 的 错误 信息 ， 如 图 3-9 所 示 。 


人 Stry. ch finally 结构 ~ also 
GO ER GD 回 四 | Be 上 


系统 提示 ， 偏 称 量 和 上 长度 超 出 数组 的 界限 ， 或 者 一 
人 素数 量 。 
义 ， 访 取 文件 错误 


A 应 用 程序 中 的 服务 器 错误 。 


堆 本 鲁 和 和 长度 孝 出 载 组 六 欠 原 ， 或 霖 六 改 
大 于 人 英 引 到 源 完 台 妈 大 个 元 匡 开 主 :到 


图 3-8 ”ExceptionNo.aspx 浏览 效果 图 3-9 ”Exception.aspx 浏览 效果 
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源 程序 ，ExceptionNo.aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true" CodeFile="ExceptionNo.aspx.cs" 


Inherits="Chap3 ExceptionNo" 和 > 


… ( 咯 ) 


源 程序 .ExceptionNo.aspx.cs 


using System; 
using System.IO7 
public partial class Chap3 ExceptionNo : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
// 定 义 要 读 取 文件 的 物理 路 径 
string filePath = @"F:\Book\ChapSite\Chap3\Test.txt"; 
// 定 义 streamReader 对 象 
StreamReader streamReader = new StreamReader (filePath); 
char[] buffer = new char[5]; 
// 从 文件 中 读 取 内 容 到 buffer 数组 
streamReader .ReadBlock (buffer, 0, 10); 
// 关 闭 streamReader 对 象 ， 释 放 占 用 的 资源 


StreamReader.Close (); 


源 程序 ，Exception.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="Exception.aspx.cs" 


Inherits="Chap3_Exception" %> 


… (上 略 ) 


源 程序 ，Exception.aspx.cs 
using System; 
using System.IO7 
public partial class Chap3 Exception : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
string filePath = @"F:\Book\ChapSite\Chap3\Test .txt"; 
StreamReader streamReader = new StreamReader (filePath); 
char[] buffer = new char[5]; 
try 
{ 
streamReader .ReadBlock (buffer, 0, 10); 
} 
catch (Exception ee) 
{ 
Response .Write ("系统 提示 : " + ee.Message + "<br/>");// 输 出 捕获 的 错误 信息 
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Response.Write ("用 户 自 定义 : " +" 读 取 文件 错误 ! ") ; ”// 输 出 用 户 自 定义 的 错误 信息 
} 
finally 
{ 
streamReader.Close (); 
} 
} 
} 


3.8” 自 定义 ASP.NET 4.5 类 


ASPNET 4.5 是 完全 面向 对 象 的 ， 任 何 对 象 都 由 类 生成 ， 而 自 定义 类 能 进一步 扩展 功能 。 
3.8.1 类 的 常识 


.NET 的 底层 全 部 是 用 类 实现 的 , 不 管 是 界面 上 的 按钮 还 是 前 面 介绍 的 数据 类 型 。 在 考 
虑 实现 ASPNET 4.5 网 站 功能 时 要 尽量 从 类 的 角度 去 实现 。 那 么 ， 什 么 是 类 呢 ? 简单 地 说 ， 
类 就 是 一 种 模板 ， 通 过 类 的 实际 例子 〈 实 例 ) 就 能 使 用 模板 中 定义 的 属性 、 方 法 等 。 类 具有 
封装 性 、 继 承 性 和 多 态 性 的 特点 。 封 装 性 指 的 是 将 具体 实现 方法 封闭 起 来 ， 只 向 用 户 暴 露 属 
性 、 方 法 等 。 也 就 是 说 ， 用 户 不 需要 知道 类 内 部 到 底 如 何 实现 的 ， 只 要 会 调用 属性 和 方法 就 
可 以 了 。 继 承 性 指 的 是 一 个 类 可 以 继承 另 一 个 类 的 特征 (属性 、 方 法 、 事 件 等 )。 多 态 性 指 的 
是 具有 继承 关系 的 不 同类 拥有 相同 的 方法 名 称 ， 当 调用 这 些 类 的 相同 方法 时 ， 执 行 的 动作 却 
不 一 样 。 与 多 态 性 概念 容易 混淆 的 是 重 载 方法 ， 它 常用 于 在 同一 个 类 中 定义 多 个 方法 名 相同 
但 参数 不 同 的 方法 。 

与 ASPNET 4.5 页面 对 应 的 类 包含 在 .aspx.cs 文件 中 。 而 对 自 定义 的 类 应 该 放 在 App_Code 
文件 夹 中 ，VSEW 2012 会 自动 编译 该 文件 夹 中 包含 的 类 ,并 且 在 使 用 这 些 类 时 能 得 到 智能 感 
知 的 支持 。 

创建 类 的 语法 格式 如 下 : 


修饰 符 class 类 名 {…} 
类 创建 完 后 ， 使 用 new 关键 字 可 建立 类 的 实例 对 象 。 类 的 常用 修饰 符 主要 有 访问 修饰 符 


abstract、static、partial、sealed。 

abstract 修饰 符 表示 该 类 只 能 是 其 他 类 的 基 类 ,又 称 为 抽象 类 , 对 这 种 类 中 的 成 员 必 须 通 
过 继承 来 实现 。 

static 修饰 符 表 示 该 类 为 静态 类 ， 这 种 类 在 使 用 时 不 能 使 用 new 创建 类 的 实例 ， 但 能 够 
直接 访问 数据 和 方法 。 

partial 修饰 符 在 ASPNET 4.5 网 站 开发 中 使 用 相当 频繁 , 在 每 个 .aspx 文件 对 应 的 .aspx.cs 
文件 中 定义 的 类 都 包含 了 该 修饰 符 .使 用 partial 可 以 将 类 的 定义 拆 分 到 两 个 或 多 个 源 文件 中 。 
每 个 源 文件 包含 定义 的 一 部 分 ， 当 编译 Web 应 用 程序 时 ，.NET Framework 会 将 所 有 部 分 类 
组 合 起 来 形成 一 个 类 。 

sealed 修饰 符 表示 该 类 为 密封 类 ， 意 味 着 该 类 不 能 被 继承 。 

下 面 将 结合 一 个 简单 的 银行 账户 类 Account 说 明 创建 一 个 类 时 通常 涉及 的 属性 、 构 造 函 


Ee 


Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


数 、 方 法 、 事 件 和 继承 等 。 
3.8.2 属性 


通过 属性 可 以 获取 或 改变 类 中 私有 字段 的 内 容 ， 这 种 方式 充分 地 体现 了 封装 性 ， 即 不 直 
接 操 作 类 的 数据 内 容 ， 而 是 通过 访问 器 进行 访问 。 访问 器 有 get 访问 器 和 set 访问 器 , 分别 用 
于 获取 和 设置 属性 值 。 当 仅 包含 get 访问 器 时 ， 表 示 该 属性 是 只 读 的 。 


实例 3-8 ”定义 Account 类 的 属性 
本 实例 定义 Account 类 的 三 个 属性 : 账户 编号 (ID)、 账 户 所 有 者 姓名 (Name)、 账 户 金 
额 (Balance)。 


源 程序 ，Account.cs 属性 代码 
public class Account 
{ 
private string _ID; // 定 义 _ID 私有 字段 ， 对 应 ID 属性 。 注 意 下 划 线 前 有 一 个 空格 
private string Name; // 定 义 Name 私有 字段 ， 对 应 Name 属性 
private decimal _Balance; // 定 义 Balance 私有 字段 ， 对 应 Balance 属性 
public string ID 
{ 
get { return ID; } 
set { _ID = value; } 
} 
public string Name 
{ 
get { return Name; } 
set { Name = value; } 
} 
public decimal Balance 
{ 
get { return Balance; } 
set { _Balance = value; } 
} 
} 


操作 步 又 : 

右 击 App_Code 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “类 ”模板 ， 输 入 文件 名 Accountcs， 单 击 “ 添 加 ”按钮 建立 文件 。 
再 输入 源 程序 内 容 。 
3.8.3 ”构造 函数 
当 使 用 new 关键 字 实 例 化 一 个 对 象 时 ， 将 调用 对 象 的 构造 函数 ， 所 以 说 ， 在 使 用 一 个 类 
时 ， 最 先 执行 的 语句 就 是 构造 函数 中 的 语句 。 每 个 类 都 有 构造 函数 ,如果 没有 定义 构造 函数 ， 
编译 器 会 自动 提供 一 个 默认 的 构造 函数 。 

注意 : 构造 函数 名 与 类 名 相同 且 总 是 public 类 型 。 


lk 
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实例 3-9 定义 Account 类 的 构造 函数 
本 实例 在 银行 账户 类 Account 中 构建 一 个 对 应 的 构造 函数 。 


源 程序 ，Account.cs 构造 函数 代码 


public Account (string id, string name, decimal balance) 


上 


_ID = id; // 将 id 参数 值 传递 给 _ID 私有 字段 
_Name = name; // 将 name 参数 值 传 递 给 _Name 私有 字段 
_Balance = balance; // 将 balance 参数 值 传递 给 _Balance 私有 字段 
} 
操作 步 又 : 
在 Account.cs 文件 中 输入 源 程序 内 容 。 
程序 说 明 : 
从 源 程序 中 可 看 出 ， 构 造 函 数 常用 于 实例 化 类 时 将 参数 值 带 入 对 象 中 的 情形 ， 如 建立 对 
象 时 使 用 : 
Account account = new Account ("03401"，" 李 明 "，140) ， 


这 表示 将 "03401"、" 李 明 "、140 等 参数 值 分 别传 递 给 对 象 中 的 ID、_Name、_Balance 等 


私有 字段 。 
3.8.4 方法 


方法 反映 了 对 象 的 行为 。 方 法 的 常用 修饰 符 有 访问 修饰 符 void 等 。 其 中 ，void 修饰 符 指 


定 的 方法 不 返回 值 。 


实例 3-10 ”定义 Account 类 的 存款 和 取款 方法 


存款 方法 先 检查 存款 的 金额 是 否 大 于 0， 若 大 于 0 则 将 原 账户 金额 与 存款 金额 相 加 保存 


为 新 的 账户 金额 ， 否 则 抛 出 异常 信息 。 取 款 方法 先 检查 取款 金额 是 否 小 于 


则 将 原 账户 金额 减 去 取款 金额 ， 再 保存 为 新 的 账户 金额 ， 否 则 抛 出 异常 。 


源 程序 : Account.cs 方法 代码 


F 原 账户 金额 ， 若 是 


/// <summary> 
/// 存款 方法 
/// </summary> 
/// <param name="amount"> 存 款 金额 </param> 
public void Deposit (decimal amount) 
{ 
if (amount > 0) 
{ 
_Balance += amount; 
} 
else 
{ 
throw new Exception ("存款 金额 不 能 小 于 或 等 于 0! "); 
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} 
/// <summary> 
/// 取款 方法 
/// </summary> 
/// <param name="amount"> 取 款 金额 </param> 
public void Acquire(decimal amount) 
{ 
if (amount < Balance) 


{ 


_Balance -= amount; 


} 


else 


{ 
throw new Exception ("账户 金额 不 足 ! ") ; 


} 


操作 步骤 : 
在 Account.cs 文件 中 输入 源 程序 内 容 。 


实例 3-11 结合 Account 类 和 ASP.NET 4.5 页 面 


源 程序 ，AccountPage.aspx 部 分 代码 
<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="AccountPage.aspx.cs" 


Inherits="Chap3_AccountPage" $%> 


源 程序 ，AccountPage.aspx.cs 
using System; 
public partial class Chap3 AccountPage : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
Account account = new Account ("03401"，" 李 明 "，200); // 建 立 account 对 象 
// 输 出 初始 金额 信息 
Response.Write (" 初 始 金额 为 : " + _ account .Balance.ToString() + "<br/>"); 
account .Deposit (100); // 存 款 100 
// 输 出 存款 100 后 账户 金额 信息 
Response.Write ("存款 100 后 ，" + account .Name + "的 账户 金额 为 : " 
+ account .Balance.ToString() + "<br />"); 
account .Acquire(150); // 取 款 150 
// 输 出 取款 150 后 账户 金额 信息 
Response.Write ("取款 150 后 ，" + account.Name + "的 账户 金额 为 : " 
+ _ account .Balance.ToString() ); 
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操作 步骤 : 
在 Chap3 文件 夹 中 建立 AccountPage.aspx 和 AccountPage.aspx.cs。 浏 览 AccountPage.aspx 
呈现 如 图 3-10 所 示 的 界面 。 


初始 金额 为 ，200 F 
存款 100 后 ， 李 明 的 账户 金额 为 ，300 
取款 150 后 ， 李 明 的 账户 金额 为 ,150 | 


图 3-10 ”AccountPage.aspx 浏览 效果 


程序 说 明 : 

new Account("03401", " 李 明 ", 200) 调 用 AccountO0 构 造 函 数 创建 实例 对 象 。 

account Balance.ToString0 获 取 account 对 象 的 Balance 属性 值 , 并 转化 为 string 类 型 数据 。 
account.Deposit(100) 表 示 调 用 account 对 象 的 Deposit() 方 法 。 


3.8.5 事件 


事件 是 一 种 用 于 类 和 类 之 间 传 递 消息 或 触发 新 的 行为 的 编程 方式 。 通 过 提供 事件 的 句 
柄 ， 能 够 把 控件 和 可 执行 代码 联系 在 一 起 ， 如 用 户 单 击 Button 控件 触发 Click 事件 后 就 执行 
相应 的 事件 处 理 代码 。 

事件 的 声明 通过 委托 来 实现 。 先 定义 委托 ， 再 用 委托 定义 事件 ， 触 发 事件 的 过 程 实质 是 
调用 委托 。 事 件 声明 语法 格式 如 下 : 

public delegate void EventHandler (object sender, EventArgs e); // 定 义 委 托 

public event EventHandler MyEvent; // 定 义 事件 


EventHandler 委托 定义 了 两 个 参数 ， 分 别 属于 object 类 型 和 EventArgs 类 型 。 如 果 需 要 
更 多 参数 ， 可 以 通过 派生 EventArgs 类 实现 。sender 表示 触发 事件 的 对 象 ，e 用 于 在 事件 中 传 
递 参 数 。 例 如 ， 若 用 户 单 击 Button 按钮 ， 则 sender 表示 Button 按钮 ，e 表示 Click 事件 参数 。 

MyEvent 事 件 使 用 EventHandler 委 托 定义 , 其 中 使 用 了 public 修饰 符 ,也 可 以 使 用 private、 
protected 等 修饰 符 。 


实例 3-12 在 AccountEvent 类 中 增加 账户 金额 不 足 事件 并 运用 事件 
为 避免 与 Account 类 冲突 ， 本 实例 在 Account 类 基础 上 新 建 一 个 AccountEvent 类 ， 定 义 
的 账户 金额 不 足 事件 Overdraw 将 在 取款 时 账户 金额 不 足 的 情况 下 被 触发 。 


源 程序 ，AccountEvent.cs 中 Overdraw 事件 代码 


public event EventHandler Overdraw; // 定 义 Overdraw 事件 


public void OnOverdraw (object sender, EventArgs e) 
{ 

if (Overdraw != null) 

{ 


Overdraw (this, e); 
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} 

注意 :定义 的 事件 名 前 无 On, 而 对 应 的 方法 名 前 加 On, 如 OnOverdraw 方 法 对 应 Overdraw 
事件 。 

定义 完事 件 后 ， 还 需要 在 其 他 方法 中 设置 事件 的 触发 点 。 下 面 在 Account 类 的 基础 上 修 
改 Acquire() 方 法 ， 在 其 中 加 入 触发 事件 的 代码 。 


源 程 序 ，AccountEvent.cs 中 Acquire() 方 法 代码 
public void Acquire(decimal amount) 


{ 
if (amount < Balance) 


{ 


_Balance -= amount; 


} 


else 


{ 
OnOverdraw (this, EventArgs.Empty); 


return; 


} 

至 此 ， 已 经 声明 了 事件 并 增加 了 事件 触发 点 。 但 若 要 在 ASPNET 4.5 页 面 上 使 用 事件 ， 
还 需要 使 用 运算 符 “+=” 注 册 事 件 ， 并 要 编写 事件 处 理 代 码 。 下 面 说 明 如 何 运 用 Overdraw 
事件 。 


源 程序 : AccountEventPage.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="AccountEventPage.aspx.cs "Inherits="Chap3_AccountEventPage"%®> 


…( 咯 ) 


源 程序 ，AccountEventPage.aspx.cs 
using System; 
public partial class Chap3 AccountEventPage : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
AccountEvent accountEvent = new AccountEvent ("03401", " 李 明 "，200); 
// 注 册 overdraw 事件 
accountEvent .Overdraw += new EventHandler (account Overdraw); 
accountEvent .Acquire (400); // 取 款 400 
} 
//overdraw 事件 处 理 代码 
private void account Overdraw (object sender, EventArgs e) 
7 
Response.Write ("账户 金额 不 足 了 ! ") ; 
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上 
} 
操作 步骤 : 
在 Chap3 文件 夹 中 建立 AccountEventPage.aspx 和 AccountEventPage.aspx.cs ， 在 
AccountEventPage.aspx.cs 中 输入 阴影 部 分 代码 。 浏 览 AccountEventPage.aspx 呈现 如 图 3-11 
所 示 的 界面 。 


到 试 屿 户 全 检 不 足 事 侍 = 半 [=] 上: 
PS 


©IS FILE 
账户 金额 不 足 了 ! - 


图 3-11 AccountEventPage.aspx 浏览 效果 


程序 说 明 : 

当 程 序 执行 “account.Acquire(400);” 时 将 触发 Overdraw 事件 , 再 执行 account_Overdraw() 
方法 ， 输 出 信息 “账户 金额 不 足 了 !”。 
3.8.6 ”继承 

继承 可 以 重用 现 有 类 的 数据 和 行为 ， 并 扩展 新 的 功能 。 继 承 以 基 类 为 基础 ， 通 过 向 基 类 
添加 成 员 创建 派生 类 。 通 常 基 类 又 称 为 超 类 或 父 类 ， 派 生 类 又 称 为 子 类 。 

例如 ， 在 Account 类 中 ， 如 果 针 对 企业 账户 需要 增加 Type 属性 ， 那 么 利用 类 的 继承 性 ， 
只 要 添加 一 个 新 的 属性 就 可 以 了 。 


实例 3-13 ”实现 继承 类 
本 实例 建立 的 EnterpriseAccount 类 在 继承 Account 类 的 基础 上 增加 了 Type 属性 。 


源 程序 .EnterpriseAccount.cs 
public class EnterpriseAccount : Account 
{ 
private string Type; // 定 义 _Type 私有 字段 ， 对 应 Type 属性 
public string Type 
| 
get 1 return _Type; } 
set { _Type = value; } 
} 
} 


3.9 ASPNET 4.5 页 面 调试 


在 实际 项 目 开发 过 程 中 ，ASPNET 4.5 页 面 调试 非常 重要 ， 可 以 说 ， 不 会 调试 的 人 永远 
不 会 编程 。 通 过 程序 调试 ， 可 以 检查 代码 并 验证 它们 是 否 能 够 正常 地 运行 ， 从 而 发 现 VSEW 
2012 编译 页 面 过 程 中 不 能 捕获 的 错误 。 对 于 正确 执行 的 程序 ， 使 用 调试 功能 还 能 真正 地 理解 
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程序 的 运行 过 程 。 
要 对 ASPNET 4.5 网 站 启用 调试 ， 必 须 将 Web 应 用 程序 配置 成 调试 模式 ， 这 需要 配置 
Web.config 文件 中 <system.web> 元 素 的 子 元 素 <compilation>， 示 例 代 码 如 下 : 


<compilation debug="true" targetFramework="4.5"> 


断 点 设置 是 ASPNET 4.5 页 面 调试 中 最 常用 的 操作 。 使 用 断 点 ， 可 以 通知 调试 器 在 某 个 
特定 点 上 和 暂时 挂 起 程序 的 执行 。 此 时 ， 程 序 的 运行 处 于 中 断 模式 。 这 种 模式 并 不 是 终止 或 结 
束 程序 的 执行 ， 而 是 在 任何 时 候 都 能 根据 调试 情况 确定 是 否 需要 继续 执行 。 在 中 断 模式 下 ， 
可 以 检查 变量 的 状态 ， 还 可 以 更 改变 量 值 以 便 人 为 地 控制 程序 的 执行 过 程 。 具 体操 作 时 ， 石 
击 需要 设置 断 点 的 语句 ， 在 弹出 的 快捷 菜单 中 选择 “ 断 点 ”一 “插入 断 点 ”命令 即 可 在 该 语 
句 处 设置 断 点 。 

设置 断 点 后 ， 按 F5 键 可 启动 调试 过 程 。 在 调试 过 程 中 ， 使 用 较 多 的 窗口 包括 “局 部 变 
量 ”“ 监 视 ””“ 即 时 窗口 ”如 图 3-12 所 示 。“ 局 部 变量 ”窗口 用 于 显示 当前 变量 。“ 监 视 ” 
窗口 用 于 监视 变量 或 表达 式 的 值 ， 也 可 以 用 于 更 改变 量 的 值 。“ 即 时 窗口 ”用 于 计算 表达 式 、 
输出 变量 值 、 更 改变 量 值 等 。 


DY Book GE 人 HiRii) - Wicrosoft Visusl Studie Express- 快速 启 夫 Ctrl+9) PP- ox 
文件 四 ”编辑 于) ”视图 WW) 网站) 生成 @) 调式 @) 团 从 如 工 具 C) 测试 G) 窗口 WD 帮助 0 
@” -四 昌 由 "CP 续 C - 周 - | 
FE > 车 
Hs Chap3_For ~ | 回 ,Page_Load (object sender, EventArgs e) ~ 
3 { 二 站 
14 Response. Write(”*"); | 
15 和 虹 
© 16 Response Write(<bz 7 ) // 换 行 中 
17 
100% 县 
局 部 交 鲁 ?xx 即时 窗口 vax | 
名 称 值 类 型 -| 
@@ ths {ASp.chap3 for.aspx) Chap3_For{ASP.chap3for aspx} 淹 
© sender {ASP.chap3 for_aspx} object{ASP.chap3 for_aspx} 机 
Oe {System,EventArgs} System.EventArgs 油 
.i 1 int 这 
局 部 变量 监视 调用 堆 械 命令 窗口 即时 窗口 输出 


EE 
图 3-12 程序 调试 界面 


调试 过 程 中 常用 的 快捷 键 包括 F10、F11 键 。 其 中 ，F10 键 用 于 逐 过 程 地 执行 程序 ， 而 
F11 键 用 于 逐 语句 地 执行 程序 。 另 外 ， 组 合 键 Shiftt+F5 用 于 结束 程序 的 调试 过 程 。 


3.10 小 结 

章 主要 介绍 C# 基 础 知识 ， 并 结合 ASPNET 4.5 页 面 说 明 C# 在 网 站 开发 中 的 应 用 。 
作为 Microsoft 专门 为 .NET 打造 的 编程 语言 ， 非 常 适 合 ASPNET 4.5 页 面 的 开发 。.NET 
Framework 命名 空间 提供 了 .NET 类 的 组 织 方式 。 良 好 的 编程 规范 是 开发 人 员 应 当 遵 守 的 规 
则 。 掌 握 C# 和 基础 语法 是 ASPNET 4.5 页 面 开发 的 基础 。 通 过 装 箱 和 拆 箱 能 较 深入 地 理解 C# 
中 任何 东西 都 可 作为 对 象 对 待 的 实质 。 流 程控 制 提供 了 程序 的 运行 逻辑 。 异 常 处 理 能 使 程序 
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更 健壮 ,在 编程 过 程 中 需要 熟练 地 使 用 。 尽 管 .NET 类 库 提 供 了 强大 的 功能 支持 , 但 仍 有 一 些 
功能 需 进 一 步 扩 展 ， 此 时 就 需要 自 定义 类 。 页 面 调试 可 以 检查 代码 执行 过 程 中 的 正确 性 ， 还 
能 真正 地 理解 代码 的 执行 过 程 ， 因 此 ， 在 平时 的 编程 实践 中 必须 加 强 页 面 调试 能 力 的 培养 。 


3.11 习 题 


1. 填空 题 

(1) C# 使 用 的 类 库 就 是 提供 的 类 库 。 

(2) 要 在 一 个 类 中 包含 System.Data 命名 空间 的 语句 是 。 

(3) 使 用 修饰 符 能 调用 未 实例 化 的 类 中 的 方法 。 

(4) C# 中 的 数据 类 型 包括 和 。 

(5) 是 由 一 组 命名 常量 组 成 的 类 型 。 

(6) 在 C# 统 一 类 型 系统 中 ， 所 有 类 型 都 是 直接 或 间接 地 从 _ 继承 。 


(7) 装 箱 实质 是 把 转化 为 

(8) 至 少 会 执行 一 次 循环 的 循环 语句 是 ___。 

(9) 较 适用 于 已 知 循环 次 数 的 循环 语句 是 ___。 

(10) 如 果 类 名 为 UserInfo， 那 么 它 的 构造 函数 名 为 。 
(11) 可 以 重用 现 有 类 的 数据 和 行为 ， 并 扩展 新 的 功能 。 


2. 是 非 题 


(1) decimal 类 型 必须 在 数据 末尾 添加 M 或 m， 否 则 编译 器 以 double 类 型 处 理 。(  ) 
(2) 访问 结构 类 型 中 成 员 的 方式 通常 使 用 “结构 名 .成 员 名 ”形式 。 (OE 
(3) 枚 举 类 型 的 变量 可 能 同时 取 到 枚 举 中 两 个 元 素 的 值 。 ( ) 
(4) 数组 可 以 由 一 组 数据 类 型 不 相同 的 元 素 组 成 。 ( ) 
(5) foreach 语句 适用 于 枚 举 数组 中 的 元 素 。 ¢ 
(6) 当 一 个 类 实例 化 时 ， 它 的 构造 函数 中 包含 的 代码 肯定 会 执行 。 ¢ .3 
3， 选 择 题 
(1) 下 列 数据 类 型 属于 值 类 型 的 是 (。 )。 

A. struct B. class C. interface D. delegate 
(2) 下列 数据 类 型 属于 引用 类 型 的 是 (。 )。 

A. bool B. char C. strng D. enum 
(3) 下 列 运算 符 中 (  ) 具有 三 个 操作 数 。 

N= B. && CF 有 又 


(4) 下 面 有 关 数 据 类 型 的 描述 中 不 正确 的 是 ( 。 )。 
A. 两 个 引用 类 型 变量 可 能 引用 同一 个 对 象 ”B. bool 类 型 中 可 以 用 数字 1 表示 true 


C. byte 类 型 的 取 值 范围 是 0~255 D. 可 以 通过 转 义 符 方式 输入 字符 
(5) 下 面 对 protected 修饰 符 说 法 正确 的 是 (  )。 

A. 只 能 在 派生 类 中 访问 B. 只 能 在 所 属 的 类 中 访问 

C. 能 在 当前 应 用 程序 中 访问 D. 能 在 所 属 的 类 或 派生 类 中 访问 


(6) 以 下 有 关 属 性 的 说 法 错误 的 是 ( )。 
A. 通过 属性 能 获取 类 中 private 字段 的 数据 
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B.， 当 定义 属性 时 ， 若 仅 包含 set 访问 器 ， 则 表示 该 属性 为 只 读 属性 
C. 属性 的 访问 形式 是 “对 象 名 .属性 名 ” 
D. 属性 体现 了 对 象 的 封装 性 
4. 简 答题 
(1) 请 说 明 修 饰 符 public、intemal、protected、protected internal、private 的 区 别 。 
(2) 值 类 型 和 引用 类 型 有 什么 区 别 。 
(3) 举例 说 明 装 箱 和 拆 箱 的 作用 。 
5. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 调试 实例 3-4 源 程序 ， 要 求 在 “Response.Write("<br />");” 语 句 处 设置 断 点 ， 查 看 循 
环 变量 i、k 和 j 的 值 ， 通 过 更 改 i 变量 人 为 地 控制 循环 次 数 。 
(3) 设计 一 个 ASPNET 4.5 页 面 , 其 中 包含 TextBox 和 Button 控件 各 一 个 。 
中 输入 一 个 成 绩 ， 再 单 击 Button 控件 时 在 页 面 上 输出 相应 的 等 级 信息 。 
(4) 在 ASPNET 4.5 页 面 上 输出 九 九 乘法 表 。 
(5) 在 ASPNET 4.5 页 面 上 输出 如 下 形状 : 


I 


在 TextBox 


(6) 设计 一 个 ASPNET 4.5 页 面 , 其 中 包含 TextBox 和 Button 控件 各 一 个 。 当 在 TextBox 
中 输入 一 组 以 空格 间隔 的 一 组 数字 后 , 青 单 击 Button 控件 时 在 页 面 上 输出 该 组 数字 的 降序 排 
列 ( 要 求 使 用 数组 )。 
(7) 设 计 一 个 ASPNET 4.5 页 面 , 其 中 包含 两 个 TextBox 和 一 个 Button 控件 。 当 在 TextBox 
中 各 输入 一 个 数值 ,再 单 击 Button 控 件 时 在 页 面 上 输出 两 者 相 除 的 数值 (要 求 包含 异常 处 理 )。 

(8) 设计 一 个 用 于 用 户 注册 页 面 的 用 户 信息 类 UserInfo, 它 包 括 两 个 属性 : 姓名 (Name)、 
生日 (Birthday); 一 个 方法 DecideAge0: 用 于 判断 用 户 是 否 达到 规定 年 龄 ， 对 大 于 等 于 18 
岁 的 在 页 面 上 输出 “您 是 成 人 了 !”， 而 小 于 18 岁 的 在 页 面 上 输出 “您 还 没 长 大 呢 ? ”。 

(9) 改写 第 〈8) 题 中 DecideAge0 方 法 ， 增 加 一 个 事件 ValidateBirthday: 当 输 入 的 生日 
值 大 于 当前 日 期 或 小 于 1900-1-1 时 被 触发 。 

(10) 设计 ASPNET 4.5 页 面 并 应 用 自己 定义 的 UserInfo 类 。 


小 
山 


ASP.NET 4.5 标准 控件 


本 章 要 点 : 

* 理解 ASPNET 4.5 页 面 事件 处 理 流 程 。 
* 了 解 HTML 服务 器 控件 。 

* 熟悉 ASPNET 4.5 标准 控件 。 

* 熟练 运用 各 个 常用 标准 控件 。 


4.1 ASPNET 4.5 页 面 事件 处 理 概述 


4.1.1 ASPNET 4.5 页 面 事件 


只 有 熟悉 ASPNET 4.5 页 面 事件 处 理 流 程 , 才能 理解 代码 的 执行 顺序 。 每 个 ASPNET 4.5 
页 面 在 运行 时 都 会 经 历 一 个 生命 周期 ， 并 在 生命 周期 中 执行 一 系列 处 理 步 又 。 这 些 步骤 包括 
初始 化 、 实 例 化 控件 ， 运 行事 件 处 理 代码 到 呈现 页 面 。 常 用 的 页 面 处 理事 件 如 表 4-1 所 示 。 


表 4-1 页 面 处 理 常用 事件 表 


事件 作 用 
Page.PreInit 通过 IsPostBack 属性 确定 是 否 第 一 次 处 理 该 页 、 创 建 动 态 控件 、 动 态 设置 主题 属性 、 
读 取 配 置 文件 属性 等 
Page.Init 初始 化 控件 属性 
Page.Load 读 取 和 更 新 控件 属性 
控件 事件 处 理 特定 事件 ， 如 Button 控件 的 Click 事件 


在 表 4-1 中 ， 事 件 处 理 的 先后 顺序 是 Page.PreInit、Page.Init、Page.Load 和 控件 事件 。 平 
时 使 用 的 时 候 ， 控 件 事 件 以 Click 和 Changed 事件 为 主 。Click 事件 被 触发 时 会 引起 页 面 往返 
处 理 ， 即 页 面 将 被 重新 执行 并 触发 Page.Load 等 事件 。Changed 事件 被 触发 时 ， 先 将 事件 的 
信息 暂时 保存 在 客户 端的 缓冲 区 中 ， 等 到 下 一 次 向 服务 器 传递 信息 时 ， 再 和 其 他 信息 一 起 发 
送 给 服务 器 。 若 要 让 控件 的 Changed 事件 立即 得 到 服务 器 的 响应 ， 就 需要 将 该 控件 的 
AutoPostBack 属性 值 设 为 True。 但 是 ， 这 种 设置 太 多 会 降低 系统 的 运行 效率 。 

注意 : 当 通 过 “属性 ”窗口 设置 值 为 逻辑 值 的 控件 属性 时 ， 值 默认 采用 Pascal 形式 。 实 
际 上 ， 在 .aspx 文件 中 的 逻辑 值 不 区 分 大 小 写 ， 但 在 .aspx.cs 文件 中 的 逻辑 值 必须 全 部 用 小 写 
字母 表示 。 


4.1.2 ” IsPostBack 属性 


当 控 件 的 事件 被 触发 时 ，Page.Load 事件 会 在 控件 事件 之 前 被 触发 。 如 果 想 在 执行 控件 
的 事件 处 理 代码 时 不 执行 Page_ Load0 方 法 代码 ， 可 以 通过 判断 Page.IsPostBack 属性 值 实现 。 
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IsPostBack 属性 在 用 户 第 一 次 浏览 页 面 时 ， 会 返回 值 包 lse， 和 否则 返回 值 tue。 

注意 : 当 .aspx 文件 中 (@ Page 指令 的 AutoEventWireup 属性 值 为 tue 时 ，ASPNET 4.5 能 
自动 将 页 面 事 件 绑 定 到 名 为 “Page 事件 名 ”的 方法 。 例 如 ，PageLoad 事件 会 自动 绑 定 到 
Page_ Load() 方 法 , 也 就 是 说 , 触发 Page.Load 事件 后 , 将 执行 Page Load() 方 法 中 包含 的 代码 。 
而 要 把 控件 事件 绑 定 到 对 应 的 方法 ， 需 要 设置 名 为 “On 事件 名 ”的 属性 。 例 如 ， 将 ID 属性 
值 为 btnSubmit 的 按钮 控件 的 Click 事件 绑 定 到 bmSubmit ClickO 方 法 ， 需 要 设置 
OnClick="btnSubmit Click". 


实例 4-1 运用 IsPostBack 属性 
本 实例 在 页 面 第 一 次 载 入 时 显示 “页 面 第 一 次 加 载 !”。 当 单 击 按钮 时 显示 “执行 Click 
事件 处 理 代码 !”。 


源 程序 ，IsPostBack.aspx 部 分 代码 

<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="IsPostBack.aspx.cs" 
Inherits="Chap4 IsPostBack" %> 
… (上 略 》 
<form id="forml" runat="server"> 

<div> 

<asp:Button ID="btnsubmit" runat="server"” Text=" 提 交 " 
OnC1lick="btnSubmit_ Click" /> 

</div> 

</form> 


… ( 略 ) 


源 程序 ，IsPostBack.aspx.cs 
using System; 
public partial class Chap4 IsPostBack : System.Web.UI.Page 
{ 


protected void Page Load(object sender, EventArgs e) 


{ 

if (!IsPostBack) 

{ 

Response .Write ("页 面 第 一 次 加 载 ! "); 

} 
} 
protected void btnSsubmit Click(object sender, EventArgs e) 
{ 

Response.Write ("执行 Click 事件 处 理 代码 ! "); 
} 

} 


程序 说 明 : 

当 单 击 按钮 时 引起 页 面 往返 ， 此 时 触发 Page.Load 事件 ， 执 行 Page Load() 方 法 代码 ， 但 
因为 “!IsPostBack” 值 为 false， 所 以 不 执行 “Response.Write(" 页 面 第 一 次 加 载 !");”。 然 后 
执行 Click 事件 处 理 代码 ， 显 示 “ 执 行 Click 事件 处 理 代码 !”。 
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4.2 ASPNET 4.5 服务 器 控件 概述 


ASPNET 4.5 提供 了 两 种 不 同类 型 的 服务 器 控件 :HTML 服务 器 控件 和 Web 服务 器 控件 。 
这 两 种 类 型 的 控件 大 不 相同 ， 那 么 哪 种 类 型 控件 比较 好 呢 ? 答案 取决 于 不 同 的 场合 和 要 取得 
的 结果 。HTML 服务 器 控件 常用 于 升级 原 有 的 ASP 页 面 到 ASPNET 页 面 , 而 在 ASPNET 4.5 
网 站 开发 中 ， 优 先 考 虑 Web 服务 器 控件 。 当 Web 服务 器 控件 无 法 完成 特定 的 任务 时 ， 再 考 
虑 HTML 服务 器 控件 。 


4.2.1 HTML 服务 器 控件 简介 


包含 在 .html 文件 中 的 XHTML 元 素 ， 在 服务 器 端 通过 Web 窗 体 是 无 法 访问 的 。HTML 
服务 器 控件 实现 了 XHTML 元 素 到 服务 器 控件 的 转换 , 同时 每 个 HTML 服务 器 控件 都 有 相应 
的 XHTML 元 素 对 应 。 经 过 转换 后 ，Web 窗 体 就 可 访问 XHTML 元 素 (HTML 服务 器 控件 )， 
从 而 实现 在 服务 器 端 对 HIML 服务 器 控件 的 编程 。 

要 转换 XHTML 元 素 到 HTML 服务 器 控件 的 方法 是 在 “ 源 ” 视 图 中 找到 XHTML 元素， 
加 上 属性 “runat="server"”。 例 如 ，XHTML 元 素 为 : 


<input id="inputName" type="button" value="button"/> 
如 果 将 其 转化 成 HTML 服务 器 控件 ， 则 为 : 
<input id="inputName" type="button" value="button" runat="server"/> 


4.2.2 ”Web 服务 器 控件 简介 


利用 Web 服务 器 控件 创建 Web 窗 体 ， 可 以 描述 页 面 元 素 的 功能 、 外 观 、 操 作 方式 和 行 
为 等 ， 然 后 由 IS 确定 如 何 和 输出 该 页 面 。 对 于 不 同 的 浏览 器 ， 可 能 会 得 到 不 同 的 XHTML 输出 。 
Web 服务 器 控件 根据 功能 不 同 分 成 标准 控件 、 数 据 控件 、 验 证 控件 、 导 航 控件 、 登 录 控 
件 、WebParts 控件 、Ajax 扩展 控件 、 动 态 数据 控件 和 用 户 自 定义 控件 等 。 
。 标准 控件 : 除 Web 窗 体 中 常用 的 按钮 、 文 本 框 、 下 拉 列 表 框 等 控件 外 ， 还 包括 一 些 
特殊 用 途 的 控件 ， 如 日 历 等 。 
数据 控件 ， 用 于 连接 访问 数据 库 ， 显 示 数 据 库 数据 等 。 
验证 控件 ， 用 于 验证 用 户 输入 的 信息 ， 如 输入 的 值 要 在 指定 的 范围 等 。 
导航 控件 ， 用 于 网 站 的 导航 。 
登录 控件 : 用 于 网 站 的 用 户 注 册 、 用 户 管理 等 。 
WebParts 控件 : 用 于 定制 用 户 个 性 化 界面 。 
Ajax 扩展 控件 :用 于 只 更 新 页 面 的 局 部 信息 而 不 往返 整个 页 面 。 
动态 数据 控件 : 用 于 创建 动态 数据 页 面 。 
用 户 自 定义 控件 : 用 于 扩展 系统 功能 ， 如 保持 网 站 的 统一 风格 等 。 


4.3 常用 ASPNET 4.5 标准 控件 


ASPNET 4.5 标准 控件 提供 了 构造 Web 窗 体 的 基本 功能 ， 这 些 控件 具有 一 些 常用 的 共有 
属性 ， 如 表 4-2 所 示 。 
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表 4-2 ”Web 服务 器 控件 的 共有 属性 表 


属 性 名 说 明 属 性 名 说 明 

AccessKey 控件 的 键盘 快捷 键 Font 控件 的 字体 属性 

Attributes 控件 的 所 有 属性 集合 Height 控件 的 高 度 

BackColor 控件 的 背景 色 ID 控件 的 编程 标识 符 

BoderWidth “| 控件 的 边框 宽度 Text 控件 上 显示 的 文本 

BoderStyle 控件 的 边框 样式 ToolTip 当 鼠 标 悬 停 在 控件 上 时 显示 的 文本 
CssClass 控件 的 CSS 类 名 Visible 控件 是 否 在 页 面 上 显示 


Enabled 是 否 启用 Web 服务 器 控件 Width 控件 的 宽度 
4.3.1 Label 控件 
Label 控件 用 于 在 页 面 上 显示 文本 ， 通 过 Text 属性 指定 控件 显示 的 内 容 实现 在 服务 器 端 
动态 地 修改 显示 文本 的 作用 。 定 义 的 语法 格式 如 下 : 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
Label 控件 中 有 一 个 很 实用 的 属性 是 AssociatedControlID， 设 置 其 值 可 以 把 Label 控件 与 
窗 体 中 另 一 个 服务 器 控件 关联 起 来 。 


实例 4-2 ”通过 键盘 快捷 键 激活 特定 文本 框 
如 图 4-1 所 示 ， 当 按 下 AlttN 组 合 键 时 ， 将 激活 用 户 名 右边 的 文本 框 ， 当 按 下 AlttP 组 
合 键 时 将 激活 密码 右边 的 文本 框 。 
EEC 
GE 六 oalalol[x 


用 记名 (Ny: 
密友 (PD) [| 


图 4-1 Label.aspx 浏览 效果 


源 程序 : Labelaspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Label.aspx.cs" 
Inherits="Chap4 Label" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Label ID="lblName" runat="server" AccessKey="N" 
AssociatedControlID="txtName" Text=" 用 户 名 (N): "></asp:Label> 
<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
<asp:Label ID="lblPassword" runat="server" AccessKey="P" 
AssociatedControlID="txtPassword"” Text=" 密 码 (P): "></asp:Label> 
<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> 
</div> 
</form> 


… ( 略 ) 
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操作 步骤 : 

在 Chap4 文件 夹 中 建立 Label.aspx, 添加 两 个 Label 控件 和 两 个 TextBox 控件 并 完成 页 面 
布局 。 参 考 源 程序 分 别 设置 各 控件 属性 。 最 后 ， 浏 览 Label.aspx 进行 测试 。 

注意 : 页 面 布局 常 采用 CSS 布局 、Table 布局 、“ 格 式 ” 菜 单 下 的 “位 置 ” 命 令 等 方式 。 
CSS 布局 通过 选择 器 设置 样式 实现 。Table 布局 先 选 择 “ 表 ”一 “插入 表 ” 命 令 建 立 一 个 表 ， 
然后 在 相应 的 单元 格 中 添加 控件 等 内 容 。 采 用 “格式 ”菜单 下 的 “位 置 ”命令 这 种 方式 主要 
针对 单个 控件 调整 其 位 置 ， 可 选择 “绝对 ”或 “相对 ”定位 样式 ， 然 后 在 “设计 ”视图 调整 
控件 位 置 ， 此 时 ，VSEW 2012 会 自动 生成 用 于 确定 控件 位 置 的 样式 代码 。 在 实例 4-2 中 ， 源 
程序 未 包含 实现 页 面 布局 的 代码 ， 但 图 4-1 是 采用 Table 布局 后 的 浏览 效果 图 。 


4.3.2 TextBox 控件 
TextBox 控件 用 于 显示 数据 或 输入 数据 。 定 义 的 语法 格式 如 下 : 
<asp:TextBox ID="TextBox1"” runat="server"></asp:TextBox> 
实用 的 属性 、 方 法 和 事件 如 表 4-3 所 示 。 
表 4-3 TextBox 控件 常用 属性 、 方 法 和 事件 表 


属性 、 方 法 和 事件 


TextMode 属性 设置 文本 框 类 型 。 例 如 ， 值 Password 表示 密码 框 ， 将 显示 特殊 字符 ， 如 *; 值 
MultiLine 表示 多 行文 本 框 

AutoPostBack 属性 值 true 表示 当 文 本 框 内 容 改变 且 把 焦点 移出 文本 框 时 触发 TextChanged 事件 ， 
引起 页 面 往返 处 理 

AutoCompleteType 属性 | 标注 能 自动 完成 的 类 型 ， 如 值 Email 表示 能 自动 完成 邮件 列表 

Focus0 方 法 设置 文本 框 焦点 


TextChanged 事件 当 改 变 文本 框 中 内 容 且 焦点 


实例 4-3 ”综合 运用 TextBox 控件 
如 图 4-2 所 示 ， 当 页 面 载 入 时 ， 焦 点 自动 定位 在 用 户 名 右边 的 文本 框 中 ; 当 输 入 用 户 名 
并 把 焦点 移出 文本 框 时 ， 将 触发 TextChanged 事件 ， 判 断 用 户 名 是 和 否 可 用 ， 若 可 用 则 在 
lblValidate 中 显示 V ， 和 否则 显示 “用 户 名 已 占用 !”， 密码 右边 的 文本 框 显 示 为 密码 框 ，Email 
右边 的 文本 框 具有 自动 完成 功能 。 


密码 ， | 


Email: |s 
下 
| J] 


图 4-2 ”TextBox.aspx 浏览 效果 


用 户 名 : Erang 1 | 


源 程序 : TextBox.aspx 部 分 代码 


<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="TextBox.aspx.cs" 
Inherits="Chap4 TextBox" $> 
… 〈 略 ) 


<form id="forml" runat="server"> 
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<div> 

用户 名 : <asp:TextBox ID="txtName" runat="server" AutoPostBack="True" 
OnTextChanged="txtName TextChanged"></asp:TextBox> 

<asp:Label ID="lblValidate" runat="server"></asp:Label><br /> 


密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" 
Style="position: relative; left: 16px"></asp:TextBox><br /> 
Email: <asp:TextBox ID="txtMail" runat="server" AutoCompleteType="Email" 
Style="position: relative; left: 10px"></asp:TextBox><br /> 
<asp:Button ID="btnsubmit" runat="server" Text=" 确 认 " /> 
</div> 
</form> 


… (上 略 ) 


源 程序 :TextBox.aspx.cs 
using Systemz 
public partial class Chap4 TextBox : System.Web.UI.Page 
' 
protected void Page Load(object sender, EventArgs e) 
{ 
七 xtName .Focus () 7 
protected void txtName_TextChanged (object sender, EventArgs e) 
{ 
if (txtName.Text == "leaf") 
lblValidate.Text 
3 
else 


{ 
lblValidate.Text = "Vy"; 


"用 户 名 已 古 用 ! 


} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 TextBox.aspx， 添 加 一 个 Label 控件 、 三 个 TextBox 控件 、 
一 个 Button 控件 ， 参 考 源 程序 分 别 设置 各 控件 属性 。 

(2) 在 TextBox.aspx 的 “设计 ”视图 中 双击 控件 txtName，VSEW 2012 自动 打开 
TextBox.aspx.cs， 在 其 中 输入 阴影 部 分 内 容 。 

(3) 浏览 TextBox.aspx 呈现 如 图 4-2 所 示 的 界面 ， 输 入 信息 进行 测试 。 

程序 说 明 : 

TextBox.aspx 中 TextBox 控件 的 Style 属性 值 是 采用 “格式 ”菜单 下 的 “位 置 ”命令 这 种 
方式 布局 后 ， 再 在 “设计 ”视图 调整 TextBox 控件 位 置 ， 最 后 由 VSEW 2012 自动 生成 的 样式 
代码 。 
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当 页 面 载 入 时 ， 触 发 Page.Load 事件 ， 执 行 Page Load() 方 法 代码 ， 将 焦点 定位 在 用 户 名 
右边 的 文本 框 中 。 


本 实例 中 用 户 合法 性 判断 是 与 固定 用 户 名 leaf 比较 ， 实 际 使 用 需 连接 数据 库 ， 与 数据 库 
中 保存 的 用 户 名 比较 。 


要 看 到 自动 完成 Email 列表 的 效果 ， 需 先 输入 Email 并 单 击 “ 确 认 ” 按 钮 后 再 次 输入 信 
息 时 才能 看 到 效果 ， 如 图 4-2 所 示 。 


4.3.3 Button、LinkButton 和 ImageButton 控件 


这 


Web 窗 体 中 的 按钮 有 Button、LinkButton 和 ImageButton 三 种 形式 。 它 们 之 间 功 能 相同 ， 
只 是 外 观 上 有 区 别 。Button 呈现 传统 按钮 外 观 ; LinkButton 呈现 超 链接 外 观 ， ImageButton 呈 
现 图 形 外 观 ， 其 图 像 由 ImageUrl 属性 设置 。 定 义 的 语法 格式 如 下 : 


<asp:Button ID="Buttonl" runat="server" Text="Button" /> 


<asp:LinkButton ID="LinkButtonl" runat="server">LinkButton</asp:LinkButton> 
<asp:ImageButton ID="ImageButtonl" runat="server" ImageUrl="~/Images/map.jpg" /> 


实用 的 属性 和 事件 如 表 4-4 所 示 。 


表 4-4 ”按钮 控件 实用 属性 和 事件 表 


属性 和 事件 说 了 明 
PostBackUrl 属性 设置 跨 页 面 提交 时 的 目标 页 面 路 径 
Click 事件 当 单 击 按钮 时 被 触发 ， 执 行 服务 器 端 代码 
ClientClick 事件 当 单 击 按钮 时 在 Click 事件 之 前 被 触发 ， 执 行 客户 端 代码 


XHTML 元 素 <a> 与 LinkButton 控件 两 者 都 能 呈现 超 链 接 形式 ， 但 设置 链接 的 方法 不 同 。 
在 <a> 元 素 中 通过 href 属性 设置 ， 如 : 


<a href="www.21cn.com"> 链 接 到 21 世纪 </a> 


而 在 LinkButton 控件 中 需要 设置 PostBackUrl 属性 实现 ， 或 者 在 Click 事件 中 输入 代码 ， 
通过 Response 对 象 的 重 定向 方法 Redirect0 实 现 ， 如 : 


Response.Redirect ("http://www.21cn.com"); 


实例 4-4 利用 Button 控件 执行 客户 端 脚本 
要 在 单 击 Button 控件 后 执行 客户 端 脚本 ， 需 要 使 用 ClientClick 事件 和 JavaScript。 如 图 
4-3 和 图 4-4 所 示 ， 本 实例 能 在 删除 数据 前 弹出 确认 对 话 框 ， 单 击 “ 确 定 ”按钮 后 才能 真正 地 
删除 数据 。 


ETITTTITEIE |D| x| 
TL bles 加 


ii | 口 | 义 
人 Sale oalsl 


删除 成 功 ! 四 


CE | 昌 


图 4-3 ClientClick.aspx 浏览 效果 (1) 4-4 ”ClientClick.aspx 浏览 效果 (2) 
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源 程 序 : ClientClick .aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true" CodeFile="ClientClick.aspx.cs" 
Inherits="Chap4 ClientClick" $> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="btnDelete" runat="server" Text=" 删 除 " OnClick="btnDelete Click" 
OnClientClick="return confirm(' 确 定 旨 删除 记录 吗 ?')" /> 
</div> 
</form> 


0 (上 略 ) 


源 程序 :ClientClick.aspx.cs 


using System 
public partial class Chap4 ClientClick : System.Web.UI.Page 
{ 

protected void btnDelete Click(object sender, EventArgs e) 


{ 
Response.Write ("删除 成 功 ! "); 
} 
} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 ClientClick.aspx， 添 加 一 个 Button 控件 并 设置 属性 ， 在 “ 属 
窗口 或 “ 源 ” 视 图 中 输入 ClientClick.aspx 中 阴影 部 分 的 内 容 。 

(2) 双击 Button 控件 ， 在 ClientClick.aspx.cs 中 输入 阴影 部 分 的 内 容 。 

(3) 浏览 ClientClick.aspx 呈现 如 图 4-3 所 示 的 界面 ， 单 击 “ 确 定 ” 按 钮 后 呈现 如 图 4-4 
所 示 的 界面 。 

程序 说 明 : 

在 图 4-3 中 ， 当 单 击 “删除 ”按钮 时 ， 触 发 ClientClick 事件 ,执行 JavaScript 代码 “retum 
confirm(' 确 定 要 删除 记录 吗 ?7”， 弹 出 确认 对 话 框 。 若 单 击 “ 确 定 ” 按 钮 ， 触 发 Click 事件 ， 
执行 删除 操作 〈 这 里 仅 输出 信息 ， 实 际 操作 需 连 接 数据 库 ); 若 单 击 “ 取 消 ” 按 钮 ， 将 不 再 触 
发 Click 事件 ， 运 行 结束 。 

4.3.4 DropDownList 控件 

DropDownList 控件 允许 用 户 从 预定 义 的 下 拉 列 表 中 选择 一 项 。 定 义 的 语法 格式 如 下 : 

<asp:DropDownList ID="DropDownList1"” runat="server"></asp:DropDownList> 


实用 的 属性 、 事 件 如 表 4-5 所 示 。 
表 4-5 DropDownList 控件 实用 属性 和 事件 表 


这 


属性 、 事 件 说 ”上 明 
DataSource 属性 设置 数据 源 
DataTextField 属性 对 应 数据 源 中 的 一 个 字段 ， 该 字段 所 有 内 容 将 被 显示 于 下 拉 列 表 中 


DataValueField 属性 对 应 数据 源 中 的 一 个 字段 ， 指 定 下 拉 列 表 中 每 个 可 选项 的 值 
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续 表 
属性 、 事 件 说 明 
Items 属性 列表 中 所 有 选项 的 集合 ， 常 用 Add0 方 法 添加 项 ，Clear0 方 法 删除 所 有 项 
SelectedItem 属性 当前 选 定 项 
SelectedValue 属性 当前 选 定 项 的 Value 属性 值 
SelectedIndexChanged 事件 | 当选 择 下 拉 列 表 中 一 项 后 被 触发 
DataBind0 方 法 绑 定数 据 源 


在 DropDownList 中 , 添加 项 的 方式 有 三 种 。 一 种 是 在 属性 窗口 中 直接 对 Items 属性 进行 
设置 ， 如 图 4-5 所 示 。 


图 4-5 “ListItem 集合 编辑 器 ”对 话 框 


在 图 4-5 中 ， 设 置 成 员 的 Selected 属性 值 为 True 可 使 该 成 员 成 为 DropDownList 控件 的 
默认 项 ， 设 置 完 Items 属性 后 VSEW 2012 会 自动 生成 代码 。 

另 一 种 方法 是 利用 DropDownList 对 象 的 Items.Add0 方 法 添加 项 ， 如 : 

ddlCcity.Items.Add (new ListItem(" 北 京 "，"beijing")); 


第 三 种 方法 是 通过 DataSource 属性 设置 数据 源 ， 再 通过 DataBind( 方 法 显示 数据 。 这 种 
方法 通常 需要 连接 数据 库 ， 在 实际 工程 项 目 中 使 用 广泛 。 


实例 4-5 ”实现 联动 的 下 拉 列 表 
联动 的 下 拉 列 表 在 实际 工程 项 目 中 非常 普遍 ， 如 要 查询 某 班级 的 课表 ， 需 要 “学 年 一 学 
期 一 分 院 一 班级 ”这 样 联动 的 下 拉 列 表 。 本 实例 以 日 期 联动 进行 说 明 。 如 图 4-6 所 示 ， 当 改 
变 年 或 月 时 ， 相 应 的 每 月 天 数 会 随 之 而 变 。 


574 加 年 个 回国 8 


图 4-6 DropDownList.aspx 浏览 效果 


源 程序 : DropDownListaspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="DropDownList.aspx.cs" 
Inherits="Chap4 DropDownList" 当 > 
… (上 略 ) 


<form id="forml" runat="server"> 
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<div> 
<asp:DropDownList ID="ddlYear" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="ddlYear SelectedIndexChanged"></asp: DropDownLi st> 稀 
<asp:DropDownList ID="ddlMonth" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="ddlMonth SelectedIndexChanged"></asp: DropDownList> 月 
<asp:DropDownList ID="ddlDay" runat="server"></asp:DropDownList> 日 
</div> 
</form> 


区 ( 略 》 


tt 


源 程序 : DropDownList.aspx.cs 
using System7 
using System.Web.UI.WebControls; 
public partial class Chap4 DropDownList : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
if (!IsPostBack) // 页 面 第 一 次 载 入 时 向 各 下 拉 列 表 框 填充 数据 
{ 
BindYear (); // 调 用 自 定义 方法 BindYear () 向 “年 份 ”下 拉 列 表 框 中 填充 数据 
BindMonth () ;  // 调 用 自 定义 方法 BindMonth () 向 “月 份 ” 下 拉 列 表 框 中 填充 数据 
BindDay (); // 调 用 自 定义 方法 BindDay () 向 “日 期 ”下 拉 列 表 框 中 填充 数据 


} 
protected void BindYear() 
{ 
ddlYear.Items.Clear(); // 清 空 ddlYear 
int startYear = DateTime.Now.Year - 10; 
int currentYear = DateTime.Now.Year; 
for (int i = startYear; i <= currentYear; i++) // 向 ddlYear 添加 最 近 十 年 的 年 份 
人 
ddlYear .Items .Add (new ListItem(i.ToString() ) ) 
} 
ddlYear.SelectedValue = currentYear.ToString(); // 设 置 ddlYear 的 默认 项 
} 
protected void BindMonth () 
{ 
ddlMonth.Items.Clear (); 
for (int i = 1; i <= 12; i++) // 向 ddlMonth 添加 一 年 的 月 份 
本 
dd1Month .Items .Add (i.ToString()); 


} 
protected void BindDay() 
{ 

ddlDay.Items.Clear (); 


string year = ddlYear.SelectedValue; // 获 取 ddlYear 中 选 定 项 的 值 
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string month = ddlMonth.SelectedValue; 
// 获 取 相 应 年 、 月 对 应 的 天 数 
int days = DateTime.DaysInMonth (int.Parse (year), int.Parse (month) ) 
for (int i = 1; i <= days; i++) // 向 ddlDay 添加 相应 年 、 月 对 应 的 天 数 
{ 
ddlDay.Items.Add (i.ToString()); 


} 
protected void ddlYear SelectedIndexChanged (object sender, EventArgs e) 


{ 
BindDay(); 


} 
protected void ddlMonth SelectedIndexChanged (object sender, EventArgs e) 


{ 
BindDay(); 
} 
} 


操作 步骤 : 
人 1) 在 Chap4 文件 夹 中 建立 DropDownListaspx， 添 加 三 个 DropDownList 控件 ， 参 考 源 
序 分 别 设置 各 控件 属性 。 

(2) 建立 DropDownList.aspx.cs 文件 。 最 后 ， 浏 览 DropDownList.aspx 进行 测试 。 

程序 说 明 : 

运行 时 首先 触发 Page.Load 事件 ， 执 行 Page_Load() 方 法 代码 ， 绑 定年 、 月 、 日 等 数据 到 
三 个 DropDownList 控件 。 当 改变 年 或 月 份 时 ， 触发 相应 控件 的 SelectedIndexChanged 事件 形 
成 页 面 往返 ， 将 相应 年 、 月 对 应 的 天 数 绑 定 到 ddlDay。 
4.3.5 ”ListBox 控件 

DropDownList 和 ListBox 控件 都 允许 用 户 从 列表 中 选择 数据 项 , 区 别 在 于 DropDownList 
的 列表 在 用 户 选择 数据 项 前 处 于 隐藏 状态 ， 而 ListBox 的 列表 是 可 见 的 ， 并 且 可 同时 选择 多 
项 。 定 义 的 语法 格式 如 下 : 


<asp:ListBox ID="ListBoxl" runat="server"></asp:ListBox> 


ListBox 控件 的 属性 、 方 法 和 事件 等 与 DropDownList 控件 类 似 ， 但 多 了 一 个 实用 的 
SelectionMode 属性 ， 其 值 为 Multiple 表示 允许 选择 多 项 。 


实例 4-6 ”实现 数据 项 在 ListBox 控件 之 间 的 移动 
如 图 4-7 所 示 ， 当 选择 左边 列表 框 中 的 数据 项 ， 再 单 击 按钮 后 选择 的 数据 项 将 移动 到 右 
边 的 列表 框 中 。 


TT 


图 4-7 ListBox.aspx 浏览 效果 
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源 程序 ，ListBox.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ListBox.aspx.cs" 
Inherits="Chap4 ListBox" $> 
… ( 咯 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ListBox ID="lstLeft" runat="server" SelectionMode="Multiple"> 
<asp:ListItem Value="hunan"> 湖 南 </asp:ListItem> 
<asp:ListItem Value="jiangxi"> 江 西 </asp:ListItem> 
<asp:ListItem Value="beijing"> 北 京 </asp:ListItem> 
<asp:ListItem Value="shanghai"> 上 海 </asp:ListItem> 
</asp:ListBox> 
<asp:Button ID="btnMove" runat="server" OnClick="btnMove Click" Text="&gt;" /> 
<asp:ListBox ID="lstRight" runat="server" SelectionMode="Multiple"> 
</asp:ListBox> 
</div> 
</form> 


… (上 略 ) 


源 程 序 ，ListBox.aspx.cs 
using System; 
public partial class Chap4 ListBox : System.Web.UI.Page 
{ 


protected void btnMove Click(object sender, EventArgs e) 


{ 
for (int i = 0; i < lstLeft.Items.Count; i++) // 遍 历 左 边 列表 框 中 所 有 项 


{ 
if (lstLeft.Items([i].Selected) // 判 断 数据 项 是 否 选中 


{ 
lstRight.Items.Add (lstLeft.Items[i]); // 向 右边 列表 框 添 加 选中 的 一 项 
lstLeft.Items.Remove (lstLeft.Items [i]); 
i-—; // 调 整 左边 列表 框 中 剩余 项 索引 号 


} 

操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 ListBox.aspx， 添 加 两 个 ListBox 控件 和 一 个 Button 控件 ， 
参考 源 程序 分 别 设置 各 控件 属性 。 

(2) 建立 ListBox.aspx.cs。 最 后 ， 浏 览 ListBox.aspx 进行 测试 。 


4.3.6 ”CheckBox 和 CheckBoxList 控件 


CheckBox 和 CheckBoxList 控件 为 用 户 提供 “ 真 / 假 ”“ 是 / 否 ”或 “ 开 / 关 ”选项 之 间 进 
行 选择 的 方法 ， 若 需要 多 项 选择 ， 可 以 使 用 多 个 CheckBox 控件 或 单个 CheckBoxList 控件 ， 
但 一 般 采 用 CheckBoxList 控件 。 定 义 的 语法 格式 如 下 : 
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<asp:CheckBox ID="CheckBox1" runat="server" /> 

<asp:CheckBoxList ID="CheckBoxListl" runat="server"></asp:CheckBoxList> 

注意 : 判断 CheckBox 控件 是 否 选中 的 属性 是 Checked， 而 CheckBoxList 控件 作为 集合 
控件 ， 判 断 数 据 项 是 否 选中 的 属性 是 成 员 的 Selected 属性 。 

在 实际 工程 项 目 中 ， 一 般 设 置 CheckBoxList 控件 的 AutoPostBack 属性 值 为 False。 要 提 
交 数 据 到 服务 器 ， 不 是 采用 CheckBoxList 控件 的 自身 事件 ， 而 是 常 配合 Button 控件 实现 。 


实例 4-7 运用 CheckBoxList 控件 
如 图 4-8 所 示 ， 当 选择 个 人 爱好 并 单 击 “ 确 定 ” 按 钮 后 显示 选中 数据 项 的 提示 信息 。 


回 足球 ^ 
口 得 球 
回忆 毛 球 
口 乒乓 球 
四 到 仿 渤 择 7, 足球 羽毛 球 ~ 


图 4-8 ”CheckBoxList.aspx 浏览 效果 


源 程序 ，CheckBoxList.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="CheckBoxList.aspx.cs" 
Inherits="Chap4 CheckBoxList" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:CheckBoxList ID="chklsSport" runat="server"> 
<asp:ListItem Value="football"> 足 球 </asp:ListItem> 
<asp:ListItem Value="basketbal1"> 篮 球 </asp:ListItem> 
<asp:ListItem Value="badminton"> 羽 毛 球 </asp:ListItem> 
<asp:ListItem Value="pingpong"> 乒 乓 球 </asp:ListItem> 
</asp:CheckBoxList> 
<asp:Button ID="btnsubmit" runat="server"” Text=" 确 定 " 
OnClick="btnSubmit Click" /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… ( 咯 ) 


源 程序 ，CheckBoxList.aspx.cs 

using System; 
using System.Web.UI.WebControls; 
public partial class Chap4 CheckBoxList : System.Web.UI.Page 
{ 

protected void btnSsubmit Click(object sender, EventArgs e) 

{ 

lblMsg .Text = "您 选择 了 : "; 
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foreach (ListItem listItem in chklsSport.Items) // 遍 历 复 选 框 列表 中 所 有 项 
{ 
if (listItem.Selected) 
. 
lblMsg.Text = lblMsg.Text + listItem.Text + "&nbsp"7 
} 
} 
} 
} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 CheckBoxListaspx， 添 加 CheckBoxList、Button 和 Label 控 
件 各 一 个 ， 参 考 源 程序 分 别 设置 各 控件 属性 。 

(2) 建立 CheckBoxList.aspx.cs。 最 后 ， 浏 览 CheckBoxList.aspx 进行 测试 。 


4.3.7 RadioButton 和 RadioButtonList 控件 


RadioButton 和 RadioButtonList 控件 常用 于 在 多 种 选择 中 只 能 选择 一 项 的 场合 。 单 个 的 
RadioButton 只 能 提供 单项 选择 ， 可 以 将 多 个 RadioButton 形成 一 组 ,方法 是 设置 每 个 
RadioButton 的 GroupName 属性 为 同一 名 称 。 定 义 RadioButton 的 语法 格式 如 下 : 

<asp:RadioButton ID="RadioButtonl" runat="server" GroupName="group" /> 

定义 RadioButtonList 的 语法 格式 如 下 : 


<asp:RadioButtonList ID="RadioButtonList1"” runat="server"> 
<asp:ListItem> 男 </asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 

</asp:RadioButtonList> 


注意 : 判断 RadioButton 控件 是 否 选中 使 用 Checked 属性 ， 而 获取 RadioButtonList 控件 
的 选中 项 是 使 用 SelectedItem 属性 。 


4.3.8 ”Image 和 ImageMap 控件 


Image 控件 用 于 在 Web 窗 体 上 显示 图 片 , 可 以 使 用 ImageUrl 属性 在 界面 设计 或 编程 时 指 
定 图 片 源 文件 。 在 实际 工程 项 目 中 常 与 数据 源 绑 定 ， 根 据 数据 源 中 指定 的 字段 显示 图 片 。 定 
义 的 语法 格式 为 : 

<asp:Image ID="Imagel" runat="server" ImageUrl="~/Images/map.jpg" /> 


注意 : Image 控件 不 包含 Click 事件 ， 如 果 需 要 Click 事件 处 理 流程 ,可 使 用 ImageButton 
控件 代替 Image 控件 。 

ImageMap 控件 除 可 以 用 来 显示 图 片 外 ， 还 可 以 实现 图 片 的 超 链接 。 可 以 将 显示 的 图 片 
划分 为 不 同形 状 的 热点 区 域 ， 分 别 链接 到 不 同 的 页 面 。 因 此 ， 在 实际 工程 项 目 中 ， 常 用 于 导 


(CCircleHotSpot)、 长 方形 (RectangleHotSpot) 和 任意 多 边 形 (PolygonHotSpot)， 每 个 区 域 通 
过 NavigateUrl 属性 确定 要 链接 到 的 URL。 
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Tx 
RectanglejotSpot 属性 四): 
| 司 ReetangleHotSpot | 于 的 | 二 
| 到 ectanalekotspot 区 | 日 行为 
[S| RectanalelotSpot MternateText 


HotSpotlode NotSet 
Navigatelr] http:/fjw. dha 
了 ostBackyalue 
Target 

日 可 访问 性 
Accesskey 
TabIndex 0 


日 外 观 


图 4-9 设置 HotSpots 属性 


ImageMap 控件 定义 的 语法 格式 如 下 : 


<asp:ImageMap ID="imapNav" runat="server" ImageUrl="~/Images/map.jpg"> 
<asp:RectangleHotSpot Bottom="26" Right="76" 
NavigateUrl="http://jw.dhu.edu.cn/dhu/" /> 
</asp:ImageMap> 


实例 4-8 ”利用 ImageMap 控件 设计 导航 条 
如 图 4-10 所 示 ， 整 个 导航 条 实质 是 一 幅 图 片 ， 当 设置 好 热点 区 域 后 ， 单 击 不 同 区 域 将 链 
接 到 不 同 页 面 。 


利用 Ieagemap 控 件 设计 导航 条 - Windows IatEERAA ERRERE GE 


PT a 
(FO Sn 1.. ol lx| 二 届 有 
教育 教学 | 科学 研究 | 招生 吏 业 | 交流 合作 | 资源 信息 | 校园 文化 


图 4-10 ImageMap.aspx 浏览 效果 


源 程序 : ImageMap.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="ImageMap.aspx.cs" 
Inherits="Chap4 ImageMap" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ImageMap ID="imapNav" runat="server" ImageUrl="~/Images/map.jpg"> 
<asp:RectangleHotSpot Bottom="26" Right="76" 
NavigateUrl="http://jw.dhu.edu.cn/dhu/" /> 
<asp:RectangleHotSpot Bottom="26" Left="72" Right="141" 
NavigateUrl="http://research.dhu.edu.cn/" /> 
<asp:RectangleHotSpot Bottom="26" Left="143" Right="214" /> 
<asp:RectangleHotSpot Bottom="26" Left="216" Right="287" /> 


</asp: ImageMap> 
</div> 
</form> 


… ( 略 ) 
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操作 步骤 : 

在 Chap4 文件 夹 中 建立 ImageMap.aspx， 添 加 一 个 ImageMap 控件 ， 设 置 ImageUrl 和 
HotSpots 属性 ， 划 分 为 多 个 长 方形 热点 区 域 ， 分 别 设置 不 同 区 域 的 NavigateUzrl 属性 。 最 后 ， 
浏览 ImageMap.aspx， 单 击 不 同 区 域 进行 测试 。 


4.3.9 ”HyperLink 控件 


HyperLink 控件 用 于 在 页 面 上 创建 链接 ， 与 <a> 元 素 不 同 ，HyperLink 控件 可 以 与 数据 源 
绑 定 。 定 义 的 语法 格式 如 下 : 


<asp:HyperLink ID="HYyperLink1" runat="server" Target=" blank"></asp:HyperLink> 


其 中 ，Target 属性 是 HyperLink 控件 的 重要 属性 ， 它 的 常用 取 值 为 : blank 和 _self。 值 
_blank 决定 了 在 一 个 新 窗口 中 显示 链接 页 ， 而 值 _self 决定 了 在 原 窗 口中 显示 链接 页 。 

注意 : HyperLink 控件 不 包含 Click 事件 ， 要 使 用 Click 事件 可 用 LinkButton 控件 代替 。 

使 用 ImageUrl 属性 可 以 将 链接 设置 为 一 幅 图 片 。 在 同时 设置 Text 和 ImageUr 属性 的 情 
况 下 ，ImageUzrl 优先 。 若 找 不 到 图 片 则 显示 Text 属性 设置 的 内 容 。 

在 HyperLink 中 直接 设置 ImageUrl 属性 后 显示 的 图 片 尺 寸 是 不 可 调 的 , 车 要 改变 图 片 尺 
寸 ， 可 配合 使 用 Image 控件 。 


实例 4-9 组 合 使 用 HyperLink 和 Image 控件 
本 实例 实现 页 面 中 显示 图 片 的 尺寸 与 实际 图 片 的 尺寸 不 相同 的 效果 。 


源 程序 ，HyperLink.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HyperLink.aspx.cs" 
Inherits="Chap4 HyperLink" %> 
人 ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:HyperLink ID="hlkMouse" runat="server" 
NavigateUrl="http://www.21lcn.com"> 
<asp: Image ID="imgMouse" runat="server" ImageUrl="~/Images/mouseOut.jpg" 
Width="50" /> 
</asp:HyperLink> 
</div> 
</form> 
… (了 略 ) 
操作 步骤 ; 
在 Chap4 文件 夹 中 建立 HyperLink.aspx， 添 加 一 个 HyperLink 控件 。 在 “ 源 ” 视 图 中 的 
<asp:HyperLink…></asp:HyperLink> 两 个 标记 之 间 插 入 一 个 Image 控件 ， 参 考 源 程序 分 别 设 
置 各 控件 属性 。 最 后 ， 浏 览 HyperLink.aspx 进行 测试 。 


4.3.10 ”Table 控件 


Table 控件 用 于 在 Web 窗 体 上 动态 地 创建 表格 ， 是 一 种 容器 控件 ， 而 单 击 “ 表 ”一 “ 插 
入 表 ” 命 令 产 生 的 表格 常用 于 页 面 布局 且 对 应 XHTML 元 素 <table>。 由 Table 控件 生成 的 Table 
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对 象 由 行 (TableRow) 对 象 组 成 ，TableRow 对 和 象 由 单元 格 〈TableCell) 对 象 组 成 。 定 义 的 语 
法 格式 如 下 : 


<asp:Table ID="Tablel" runat="server"> 
<asp:TableRow runat="server"> 
<asp:TableCell runat="server">》 学 号 </asp:TableCell> 
<asp:TableCell runat="server"> 姓 名 </asp:TableCell> 
</asp:TableRow> 
</asp:Table> 


注意 : 向 Table 对 象 添加 行使 用 Rows 属性 ; 向 TableRow 对 象 添加 单元 格 使 用 Cells 属 
性 ; 向 TableCell 对 象 添加 控件 使 用 Controls 属性 。 


实例 4-10 ”动态 生成 表格 
如 图 4-11 所 示 ， 页 面 上 的 简易 成 绩 录 入 界面 实质 是 动态 生成 的 表格 。 


200301| 张 三 | 


200302| 李 四 


图 4-11 Table.aspx 浏览 效果 


源 程序 ，Table.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Table.aspx.cs" 
Inherits="Chap4 Table" $%> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Table ID="tblScore" runat="server" GridLines="Both"> 
<asp:TableRow runat="server"> 
<asp:TableCell runat="server"> 学 号 </asp:TableCell> 
<asp:TableCell runat="server"> 姓 名 </asp:TableCell> 
<asp:TableCell runat="server"> 成 绩 </asp:TableCell> 
</asp:TableRow> 
</asp:Table> 
</div> 
</form> 


… ( 咯 ) 


源 程序 .Table.aspx.cs 


using System; 
using System.Web.UI.WebControls; 
public partial class Chap4 Table : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 


string[] name = {“" 张 三 ",，" 李 四 "”};// 设 置 姓名 初始 值 ， 实 际 工程 中 数据 来 源 于 数据 库 
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string[] number = { "200301"，"200302" };  ”// 设 置 学 号 初始 值 


Eor (lnk EE = Ti < 2 4) // 动 态 生 成 表格 
{ 
TableRow row = new TableRow(); // 建 立 一 个 行 对 象 
TableCell cellNumber = new TableCell(); // 建 立 第 一 个 单元 格 对 象 
TableCell cellName = new TableCell(); // 建 立 第 二 个 单元 格 对 象 
TableCell cellInput = new TableCell (); // 建 立 第 三 个 单元 格 对 象 
cellNumber.Text = number[i - 1]; // 设 置 第 一 个 单元 格 的 显示 内 容 
cellName.Text = name[i - 1]; // 设 置 第 二 个 单元 格 的 显示 内 容 
TextBox txtInput = new TextBox(); // 建 立 一 个 文本 框 对 象 
cellInput.Controls.Add (txtInput) // 添 加 文本 框 对 象 到 第 三 个 单元 格 中 
row.Cells.Add (cellNumber); // 添 加 第 一 个 单元 格 到 行 对 象 
row.Cells.Add (cellName); // 添 加 第 二 个 单元 格 到 行 对 象 
row.Cells.Add (cellInput); // 添 加 第 三 个 单元 格 到 行 对 象 
tblScore.Rows.Add (row) ; // 添 加 行 对 象 到 表格 对 象 
} 
} 
} 
操作 步骤 ; 


(1) 在 Chap4 文件 夹 中 建立 Table.aspx， 添 加 一 个 Table 控件 tblScore， 然 后 在 设置 Rows 
属性 的 对 话 框 中 添加 一 个 TableRow， 再 在 设置 TableRow 的 Cells bet a 话 框 中 添加 三 个 
TableCell， 并 分 别 设置 各 TableCell 的 Text 属性 值 为 :“ 学 号 和 “姓名 ”“ 成 绩 ” 

(2) 建立 Table.aspx.cs。 最 后 ， 浏 览 Table.aspx 查看 效果 。 


4.3.11 Panel 和 PlaceHolder 控件 

Panel 和 PlaceHolder 控件 都 属于 容器 控件 ， 常 用 于 实现 动态 地 建立 控件 和 在 同一 个 页 面 
中 根据 不 同情 况 显 示 不 同 内 容 的 情形 。 使 用 Panel 控件 的 好 处 是 只 需 载 入 一 个 页 面 ， 即 可 呈 
现 不 同 的 内 容 。 

Panel 控件 定义 的 语法 格式 如 下 : 

<asp:Panel ID="Panell" runat="server"></asp:Panel> 

PlaceHolder 控件 定义 的 语法 格式 如 下 : 


<asp:PlaceHolder ID="PlaceHolderl" runat="server"></asp:PlaceHolder> 


实例 4-11 利用 Panel 实现 简易 注册 页 面 
如 图 4-12 所 示 ， 输 入 用 户 名 ， 单 击 “ 下 一 步 ” 按 钮 呈现 如 图 4-13 所 示 的 界面 ， 再 输入 
姓名 、 电 话 等 信息 ， 单 击 “ 下 一 步 ” 按 钮 呈现 如 图 4-14 所 示 的 用 户 注册 信息 确认 界面 。 在 上 
述 流程 中 ， 通 过 建立 三 个 Panel 控件 可 以 方便 地 对 应 三 个 步骤 呈现 的 不 同 内 容 。 
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图 4-12 浏览 效果 (1) 图 4-13 浏览 效果 (2) 图 4-14 浏览 效果 (3) 
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源 程序 : Panelaspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Panel.aspx.cs" 
Inherits="Chap4 Panel" $> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Panel ID="pnlStepl" runat="server"> 
第 一 步 : 输入 用 户 名 <br /> 
用 户 名 : <asp:TextBox ID="txtUser" runat="server"></asp:TextBox><br /> 
<asp:Button ID="btnstepl" runat="server" Text=" 下 一 步 " 
OnC1lick="btnStep1 Click" /> 
</asp:Panel> 
<asp:Panel ID="pnlStep2" runat="server"> 
第 二 步 : 输入 用 户 信息 <br /> 
姓名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
电话 : <asp:TextBox ID="txtTelephone" runat="server"></asp:TextBox><br /> 
<asp:Button ID="btnStep2"” runat="serVer"” Text=" 下 一 步 " 
OnC1lick="btnStep2 Click" /> 
</asp:Panel> 
<asp:Panel ID="pnlStep3" runat="server"> 
第 三 步 : 请 确认 您 的 输入 信息 <br /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label><br /> 
<asp:Button ID="btnstep3" runat="server"” Text=" 确 定 " 
OnClick="btnStep3 Click" /> 
</asp:Panel> 
</div> 
</form> 


… ( 略 ) 


源 程序 ， Panelaspx.cs 
using System 
public partial class Chap4 Panel : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
pnlstepl.Visible = true;  // 设 置 pnlStepl 可 见 
pnlstep2.Visible = false; // 设 置 pnlStep2 不 可 见 
pnlSstep3.Visible = false; // 设 置 pnlStep3 不 可 见 


} 
protected void btnstepl Click(object sender, EventArgs e) 
{ 

pnlSstepl .Visible = false; 

pnlstep2.Visible = true; 
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pnlStep3.Visible = false; 
和 
protected void btnstep2 Click(object sender, EventArgs e) 
{ 
pnlStepl .Visible = false; 
pnlStep2.Visible = false; 
pnlStep3.Visible = true; 
lblMsg.Text = "用 户 名 : " + txtUser.Text + "<br /> 姓名 : " + txtName.Text 
+ "<br /> 电话 : " + txtTelephone.Text; // 输 出 用 户 信息 
} 
protected void btnSstep3 Click(object sender, EventArgs e) 
{ 
//TODo: 将 用 户 信息 保存 到 数据 库 
} 
} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 Panel.aspx， 添 加 三 个 Panel 控件 ， 在 每 个 Panel 控件 中 添加 
其 他 控件 并 参考 源 程序 分 别 设置 各 控件 属性 。 

(2) 建立 Panel.aspx.cs。 最 后 ， 浏 览 Panel.aspx， 输 入 信息 进行 测试 。 

序 说 明 : 

当 页 面 载 入 时 ， 首 先 触 发 Page.Load 事件 ， 执 行 Page_Load() 方 法 代码 ， 将 pnlStepl 设置 
为 可 见 ， 而 将 其 他 两 个 Panel 控件 设置 为 不 可 见 。 

在 实现 如 图 4-12 所 示 的 界面 时 , 实际 工程 项 目 中 将 访问 数据 库 , 再 判断 用 户 名 是 否 重复 。 
在 图 4-14 中 ， 单 击 “ 确 定 ” 按 钮 后 将 这 些 信息 保存 到 数据 库 中 。 


实例 4-12 ”利用 PlaceHolder 动态 添加 控件 
PlaceHolder 控件 在 Web 窗 体 上 起 到 占 位 的 作用 ， 可 向 其 中 动态 地 添加 需要 的 控件 。 如 
图 4-15 所 示 ， 页 面 上 呈现 的 “确定 ”按钮 和 文本 框 都 是 在 页 面 载 入 时 动态 生成 的 。 如 图 4-16 
所 示 ， 单 击 “ 确 定 ” 按 钮 输出 信息 。 如 图 4-17 所 示 ， 单 击 “ 获 取 ” 按 钮 将 获取 并 输出 文本 框 
中 输入 的 信息 。 


利用 Placekolder 动 态 滩 加 挤 限 利用 Placeltolder 动 态 渗 加 榨 笠 9 | 利用 P1seelolder 动 态 党 [*| | 
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图 4-15 浏览 效果 (1) 图 4-16 浏览 效果 (2) 图 4-17 浏览 效果 (3) 


源 程序 : PlaceHolderaspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PlaceHolder.aspx.cs" 
Inherits="Chap4 PlaceHolder" $%> 
…《〈 略 ) 
<form id="forml" runat="server"> 
<div> 
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<asp:PlaceHolder ID="plhTest" runat="server"></asp:PlaceHolder><br /> 
<asp:Button ID="btnAcquire” runat="server"” Text=" 获 取 " 
OnClick="btnAcquire Click" /> 
</div> 
</form> 


…( 略 ) 


源 程序 : PlaceHolderaspx.cs 


using System7 
using System.Web.UI.WebControls; 
public partial class Chap4 PlaceHolder : System.Web.UI.Page 
{ 
protected void Page _ Load (object sender, EventArgs e) 
{ 
Button btnSubmit = new Button () ; // 定 义 btnSubmit 按钮 控件 
btnSubmit.ID = "btnSubmit"7 // 设 置 btnsubmit 按钮 控件 的 ID 属性 
btnSubmit .Text = "确定 "; // 设 置 btnSubmit 按钮 控件 的 Text 属性 
btnSubmit .Click += new EventHandler (btnSubmit Click); // 注 册 click 事件 
plhTest.Controls.Add(btnsubmit); // 将 btnsubmit 按钮 控件 添加 到 plhTest 中 
TextBox txtInput = new TextBox(); // 定 义 txtInput 文本 框 控 件 
txtInput.ID = "txtInput"; 
plhTest.Controls.Add (txtInput) 7 


protected void btnsubmit Click (object sender，EventArgs e) // 本 行 需 自 行 输入 
Response.Write ("触发 了 “确定 ”按钮 的 Click 事件 ! ") ; 
protected void btnAcquire Click(object sender, EventArgs e) 


// 查 找 txtInput 文本 框 控件 
TextBox txtInput = (TextBox)plhTest.FindControl ("txtInput"); 
Response.Write (txtInput.Text); 


} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 PlaceHolderaspx， 添 加 PlaceHolder 和 Button 控件 各 一 个 ， 
参考 源 程序 设置 各 控件 属性 。 

(2) 建立 PlaceHolderaspx.cs。 最 后 ， 浏 览 PlaceHolderaspx， 输 入 信息 再 单 击 按钮 进行 
测试 。 

程序 说 明 : 

页 面 载 入 时 ， 触 发 Page.Load 事件 ， 执 行 Page Load() 方 法 代码 ， 动 态 生 成 一 个 Button 
控件 和 一 个 TextBox 控件 。 当 单 击 “ 确 定 ” 按 钮 时 ， 根 据 注册 的 事件 执行 bmSubmit ClickO 
方法 代码 。 

注意 : 如 果 一 个 包含 动态 生成 控件 的 页 面 需 要 往返 处 理 ， 那 么 动态 生成 控件 的 代码 必须 


Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


放 在 Page Load() 方 法 代码 中 ， 当 页 面 往返 时 触发 Page.Load 事件 ， 执 行 Page Load() 方 法 代 
码 ， 然 后 重复 生成 动态 控件 ; 动态 生成 的 控件 不 能 在 设计 时 直接 绑 定 方法 代码 ， 需 手工 注册 ; 
在 获取 动态 生成 控件 中 的 输入 信息 时 ， 需 要 使 用 FindControl() 方 法 先 找到 控件 。 


44 小 结 


本 章 介 绍 了 ASPNET 4.5 页 面 事件 处 理 流程 、HTML 服务 器 控件 和 Web 服务 器 常用 标准 
控件 。 理 解 ASPNET 4.5 页 面 事件 的 处 理 流 程 需 清 楚 常 用 事件 Page.PreInit、Page.Init、 
Page.Load 和 控件 事件 的 触发 顺序 。 在 实际 工程 项 目 中 , 常 通过 IsPostBack 属性 决定 在 页 面 往 
返 时 是 否 执行 相应 的 代码 。HIML 服务 器 控件 与 XHTML 相应 元 素 对 应 ， 可 以 通过 添加 
“runat="server" "将 XHTML 元 素 转换 为 HIML 服务 器 控件 。 Web 服务 器 标准 控件 是 构建 Web 
窗 体 的 基础 ， 这 是 本 章 的 重点 。 其 中 的 实例 代表 了 相应 控件 的 典型 用 法 ， 需 要 通过 实例 代码 
的 调试 来 熟练 掌握 常用 标准 控件 的 基本 用 法 。 


4.5 习 题 
1. 填空 题 
(1) 若 在 TextBox 控件 中 输入 内 容 并 当 焦 点 离开 时 能 触发 TextChanged 事件 ， 则 应 设 
置 ; 
(2) 通过 属性 可 判断 页 面 是 否 第 一 次 载 入 。 


(3) ASPNET 4.5 的 服务 器 控件 包括 和 。 


(4) 添加 属性 可 将 XHTML 元 素 转化 为 HTML 服务 器 控件 。 
(5) 设置 属性 可 决定 Web 服务 器 控件 是 否 可 用 。 


(6) 当 需 要 将 TextBox 控件 作为 密码 输入 框 时 ， 应 设置 

(7) 对 使 用 数据 源 显示 信息 的 Web 服务 器 控件 ， 当 设置 完 控件 的 DataSource 属性 后 ， 需 
要 方法 才能 显示 信息 。 

(8) 如 果 需 要 将 多 个 单独 的 RadioButton 控件 形成 一 组 具有 RadioButtonList 控件 的 功能 ， 
可 以 通过 将 属性 设置 成 相同 的 值 实现 。 

(9) 设置 可 以 实现 ListBox 控件 中 选择 多 项 的 功能 。 

2. 是 非 题 

(1) 单 击 Button 类 型 控件 会 形成 页 面 往返 处 理 。 

(2) 当 页 面 往返 时 ， 在 触发 控件 的 事件 之 前 会 触发 Page.Load 事件 。 

(3) 不 能 在 服务 器 端 访问 HIML 服务 器 控件 。 

(4) 动态 生成 的 控件 可 以 直接 通过 其 ID 属性 值 进行 访问 。 

(5) Panel 控件 能 实现 在 同一 个 页 面 中 显示 不 同 内 容 的 效果 。 


斑斑 一 一 一 
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3. 选择 题 
(1) Web 服务 器 控件 不 包括 ( 。 ) 。 
A. Table B. Input C. AdRotator D. Calendar 


(2) 下 面 的 控件 中 不 能 响应 鼠标 单 击 事件 的 是 ( ) 。 
A. ImageButton B. ImageMap C. Image D. LinkButton 
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(3) 单 击 Button 类 型 控件 后 能 执行 客户 端 脚 本 的 属性 是 ( ) 。 


A. OnClientClick B. OnClick C. OnCommandClick D. OnClientCommand 
(4) 当 需 要 用 控件 输入 性 别 时 ， 应 选择 的 控件 是 (  ) 。 

A. CheckBox B. CheckBoxList C. Label D. RadioButtonList 
(5) 下 面 不 属于 容器 控件 的 是 (  ) 。 

A. Panel B. CheckBox C. Table D. PlaceHolder 
4. 简 答 题 


(1) 说 明 Image、ImageButton 和 ImageMap 控件 的 区 别 。 

(2) 说 明 <a> 元 素 、LinkButton 和 HyperLink 控件 的 区 别 。 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 实现 一 个 简单 的 计算 器 ， 当 输入 两 个 数 后 可 以 求 两 数 的 和 、 差 等 。 

(3) 制作 一 组 联动 的 “学 年 一 学 期 一 分 院 一 教师 ”的 下 拉 列 表 ， 当 最 后 选择 教师 后 自动 
生成 一 个 表格 。 

(4) 动态 生成 一 组 控件 ， 内 含 一 个 文本 框 和 一 个 按钮 ， 当 单 击 按钮 时 输出 文本 框 中 输入 
的 信息 。 

(5) 利用 Panel 控件 建立 用 户 注册 页 面 。 要求 注册 界面 包括 用 户 名 、 密 码 、 姓 名 、 性 别 、 
出 生日 期 、 电 话 、Email、 兴 趣 爱 好 等 。 

(6) 利用 PlaceHolder 控件 实现 一 个 包含 单项 选择 题 的 测试 页 面 , 其 中 题目 信息 包含 于 数 
组 中 。 
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本 章 要 点 : 
* 理解 客户 端 和 服务 器 端 验证 。 
。 掌握 ASPNET 4.5 验证 控件 的 使 用 。 


5.1 窗 体验 证 概述 


在 ASPNET 4.5 网 站 开发 时 ， 经 常会 使 用 表单 获取 用 户 的 一 些 信 息 ， 如 注册 信息 、 在 线 
调查 、 意 见 反馈 等 。 为 了 防止 垃圾 信息 ， 甚 至 空 信息 条 目 被 收集 ， 对 于 某 些 信息 项 目 ， 需 要 
开发 人 员 以 编程 方式 根据 实际 需求 进行 验证 。 实 际 上 ， 验 证 就 是 给 所 收集 的 数据 制定 一 系列 
规则 。 验 证 不 能 保证 输入 数据 的 真实 性 ， 只 能 说 是 否 满足 了 一 些 规则 ， 如 “文本 框 中 必须 输 
入 数据 “输入 数据 的 格式 必须 是 电子 邮件 地 址 ”等 。 

窗 体验 证 分 为 服务 器 端 和 客户 端 两 种 形式 。 服 务 器 端 验证 是 指 将 用 户 输入 的 信息 全 部 发 
送 到 Web 服务 器 进行 验证 ， 客 户 端 验证 是 指 利用 JavaScript 脚本 ， 在 数据 发 送 到 服务 器 之 前 
进行 验证 。 这 两 种 方式 各 有 优 缺 点 。 客 户 端 验 证 能 很 快 地 响应 用 户 ， 但 所 使 用 的 JavaScript 
脚本 会 暴露 给 用 户 ， 这 会 带 来 安全 隐患 。 服 务 器 端 验证 比较 安全 ， 但 因为 数据 必须 发 送 到 服 
务 器 才能 被 验证 ， 所 以 响应 的 速度 要 比 客户 端 验证 慢 。 

ASPNET 4.5 的 窗 体验 证 默认 采用 需要 jQuery 支持 的 隐 式 验证 方法 ， 配 置 步 骤 如 下 ; 

(1) 利用 NuGet 安装 jQuery。 

(2) 建立 Globalasax 文件 (全 局 应 用 程序 类 文件 )， 并 在 其 Application_Start() 方 法 中 添 
加 如 下 源 代码 : 

ScriptResourceDefinition scriptResDef = new ScriptResourceDefinition(); 

// 设 置 jQuery 提供 的 JavaSscript 库 路 径 ， 其 中 版 本 号 由 安装 的 jQuery 版 本 号 确定 

ScriptResDef.Path = "~/Scripts/jquery-2.1.0.min.js"; 


ScriptManager.ScriptResourceMapping.AddDefinition("jquery", scriptResDef); 


ASPNET 4.5 的 窗 体验 证 也 可 以 选择 禁用 隐 式 验证 的 形式 ， 此 时 ， 需 要 在 Web.config 文 
件 的 <configuration> 元 素 中 添加 配置 代码 如 下 : 
<appSettings> 


<add key="ValidationSettings:UnobtrusiveValidationMode" value="None"/> 
</appSettings> 


经 常 通过 判断 Page.IsValid 属性 值 可 确定 页 面 上 的 控件 是 否 都 通过 了 验证 。 值 为 true 表 
示 所 有 的 控件 都 通过 了 验证 ， 而 false 表示 页 面 上 有 控件 未 通过 验证 。 
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5.2 ASP.NET 4.5 服务 器 验证 控件 


ASPNET 4.5 中 有 六 个 验证 控件 ， 包 括 RequiredFieldValidator、CompareValidator 、 
RangeValidator、RegularExpressionValidator、CustomValidator 和 ValidationSummary 控件 。 除 
ValidationSummary 控件 外 ， 其 他 五 个 验证 控件 具有 一 些 共同 的 实用 属性 ， 如 表 5-1 所 示 。 


表 5-1 共同 的 实用 属性 表 


属 性 说 了 明 

ControlToValidate ”| 指定 要 验证 控件 的 了 D 

Display 指定 验证 控件 在 页 面 上 显示 的 方式 。 值 Static 表示 验证 控件 始终 占用 页 面 空间 ; 值 
Dynamic 表示 只 有 显示 验证 的 错误 信息 时 才 占 用 页 面 空间 ; 值 None 表示 验证 的 错 
误 信息 都 在 ValidationSummary 控件 中 显示 

EnableClientScript | 设置 是 否 启 用 客户 端 验证 ， 默 认 值 tue 

ErrorMessage 设置 在 ValidationSummary 控件 中 显示 的 错误 信息 ， 若 Text 属性 值 为 空 会 代替 它 

SetFocusOnError 当 验 证 无 效 时 ， 确 定 是 否 将 焦点 定位 在 被 验证 控件 上 

Text 设置 验证 控件 显示 的 信息 

ValidationGroup 设置 验证 控件 的 分 组 名 


为 保证 响应 速度 ， 一 般 设 置 验证 控件 的 EnableClientScript 属性 值 为 tue。 这 样 ， 当 在 页 
面 上 改变 ControlToValidate 属性 指定 控件 的 值 并 将 焦点 移出 时 ， 就 会 产生 客户 端 验证 。 此 时 
验证 用 的 JavaScript 代码 不 是 由 开发 人 员 开 发 ， 而 是 由 系统 产生 。 若 将 EnableClientScript 属 
性 值 设 为 false， 则 只 有 当 页 面 有 往返 时 ， 才 会 实现 验证 工作 ， 此 时 完全 使 用 服务 器 端 验证 。 

如 果 一 个 页 面 已 建立 并 设置 了 验证 控件 ， 若 想 在 页 面 往返 时 不 执行 验证 ， 如 常见 的 “ 取 
消 ”按钮 ， 怎 样 解决 这 种 问题 呢 ? 这 里 有 一 个 很 实用 的 CausesValidation 属性 ， 值 false 表示 
不 执行 验证 过 程 。 在 上 述 问 题 中 ， 只 要 设置 “取消 ”按钮 的 CausesValidation 属性 值 为 false 
就 可 以 了 。 

若 要 对 一 个 控件 设置 多 个 规则 ， 可 通过 多 个 验证 控件 共同 作用 ， 此 时 各 验证 控件 的 
ControlToValidate 属性 应 为 相同 值 。 如 对 密码 文本 框 要 求 必 填 并 且 与 确认 密码 文本 框 的 值 相 
同 ， 此 时 可 将 RequiredFieldValidator 和 CompareValidator 控件 共同 作用 于 密码 文本 框 。 

若 要 对 同一 个 页 面 上 不 同 的 控件 提供 分 组 验证 功能 ， 可 以 通过 将 同一 组 控件 的 
ValidationGroup 属性 设置 为 相同 的 组 名 来 实现 。 


5.2.1 。 RequiredFieldValidator 控件 


RequiredFieldValidator 控件 用 于 对 一 些 必须 输入 信息 的 控件 进行 验证 ， 如 用 户 名 、 密 码 
等 。 在 页 面 上 填写 表单 时 , 常常 可 看 到 有 些 文本 框 后 跟着 一 个 *, 就 是 使 用 该 验证 控件 产生 的 
效果 。 定 义 的 语法 格式 如 下 : 

<asp:RequiredFieldValidator ID="RequiredFieldValidatorl" runat="server™" 


ControlToValidate="TextBoxl" ErrorMessage="RequiredFieldValidator"> 
</asp:RequiredFieldValidator> 


除 验 证 控件 的 公有 属性 外 ，RequiredFieldValidator 控件 还 有 一 个 非常 实用 的 用 于 指定 被 
验证 控件 初始 文本 的 InitialValue 属性 。 若 设置 了 InitialValue 属性 值 ， 则 只 有 在 被 验证 控件 中 
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输入 值 并 与 InitialValue 值 不 同时 ， 验 证 才 通 过 。 
实例 5-1 禁止 空 数据 且 同 时 要 改变 初始 值 
如 图 5-1 至 图 5-3 所 示 ， 当 改变 用 户 名 右边 文本 框 中 内 容 并 将 焦点 移出 时 执行 客户 端 验 
证 , 车 内 容 为 空 , 则 显示 *; 若 内 容 仍 为 文本 框 原 来 的 初始 值 , 则 显示 “不 能 与 初始 值 相 同 !。 


ETETTTTEETARLGx ETETTTTTEEALIoz 
AP 一 人 
IE 5 了 GO le /1..9|als 


用 户 名 ， 括 的 姓名 


图 5-1 Require.aspx 浏览 效果 (1) 图 5-2” Require.aspx 浏览 效果 (2) 


[Es SMP n RAM 
B53 lo 
用 户 名 ，[E 的 站 各 不 能 与 初始 值 相同 ! 


图 $5-3 Require.aspx 浏览 效果 (3) 


源 程序 ，Require.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Require.aspx.cs" 
Inherits="Chap5 Require" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName"” runat="server"> 您 的 姓名 </asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvNamel" runat="server" 
ControlToValidate="txtName">*</asp:RequiredFieldValidator> 
<asp:RequiredFieldValidator ID="rfvName2" runat="server" 
ControlToValidate="txtName" 
InitialValue=" 您 的 姓名 "> 不 能 与 初始 值 相同 ! </asp:RequiredFieldValidator> 
</div> 
</form> 
… (上 略 ) 
操作 步骤 ; 
在 Chap5 文件 夹 中 建立 Require.aspx, 添 加 一 个 TextBox 控 件 和 两 个 RequiredFieldValidator 
控件 ， 相 关 属 性 设置 如 表 5-2 所 示 。 最 后 ， 浏 览 Require.aspx 进行 测试 。 


表 5-2 Require.aspx 中 控件 属性 设置 表 


空 _ 件 属 性 值 
txtName 
TextB 
ee Text 您 的 姓名 
ID IfvNamel 
RequiredFieldValidator ControlToValidate txtName 
Text 区 
D IfvName2 
RequiredFieldValidator ControlToValidate txtName 


InitialValue 您 的 姓名 
Text 不 能 与 初始 值 相 同 ! 
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程序 说 明 : 
IfvNamel 保证 用 户 名 必须 输入 ， 而 rfvName2 保证 输入 的 用 户 名 必须 与 初始 值 不 同 。 


S.2.2 ”CompareValidator 控件 

CompareValidator 控件 用 于 比较 一 个 控件 的 值 和 另 一 个 控件 的 值 ， 若 相等 则 验证 通过 ; 
也 可 用 于 比较 一 个 控件 的 值 和 一 个 指定 的 值 ， 若 比较 的 结果 为 tue 则 验证 通过 。 定 义 的 语法 
格式 为 : 


<asp:CompareValidator ID="CompareValidatorl" runat="server" 
ControlToCompare="TextBox2" ControlToValidate="TextBoxl1" 
ErrorMessage="CompareValidator"> 
</asp:CompareValidator> 


CompareValidator 控件 实用 的 属性 如 表 5-3 所 示 。 
表 5-3 CompareValidator 控件 实用 属性 表 


属 性 说 明 
ControlToCompare 指定 与 被 验证 控件 比较 的 控件 ID 
Operator 设置 比较 值 时 使 用 的 操作 符 ， 包 括 Equal 、NotEqual 、GreaterThan 、 
GreaterThanEqual、LessThan、LessThanEqual 和 DataTypeCheck 
Type 设置 比较 值 时 使 用 的 数据 类 型 
ValueToCompare 指定 与 被 验证 控件 比较 的 值 


注意 : ControlToCompare 和 ValueToCompare 属性 在 应 用 时 只 能 选择 一 个 。 


实例 5-2 运用 CompareValidator 控件 
如 图 5-4 和 图 5-5 所 示 ， 密 码 文本 框 和 确认 密码 文本 框 要 求 验证 输入 值 是 否 一 致 ， 答 案 
文本 框 验证 值 是 否 为 A; 金额 文本 框 验证 数据 类 型 是 否 为 Currency。 


IETREIRETITTTEDTTTETTITOTT 


~ 
KE Ex 1 _ 有 相 日 9 x Gia x 


确认 密码 ，[mews 密码 与 确认 密码 不 一 致 
笃 守 ， [和 茸 案 尘 
金额 ， 。 [esd ”必须 输 和 Corency 类 型! 引 


图 5-4 Compare.aspx 浏览 效果 (1) 图 5-5 Compare.aspx 浏览 效果 (2) 


源 程序 ，Compare.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Compare.aspx.cs" 
Inherits="Chap5 Compare" $> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp: TextBox><br /> 
确认 密码 : <asp:TextBox ID="txtPasswordAgain" runat="server" 
TextMode="Password"></asp:TextBox> 


<asp:CompareValidator ID="cvPassword" runat="server™" 
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ControlToCompare="txtPassword" 

ControlToValidate="txtPasswordAgain"> 密 码 与 确认 密码 不 一 致 ! 
</asp:CompareValidator><br /> 
答案 : <asp:TextBox ID="txtAnswer" runat="server"></asp:TextBox> 
<asp:CompareValidator ID="cvAnswer" runat="server™" 

ControlToValidate="txtAnswer" 

ValueToCompare="A"> 答 案 错误 ! </asp:CompareValidator><br /> 
金额 : <asp:TextBox ID="txtAmount" runat="server"></asp:TextBox> 
<asp:CompareValidator ID="cvAmount" runat="server" 

ControlToValidate="txtAmount" 

Operator="DataTypeCheck" Type="Currency"> 必 须 输入 Currency 类 型 ! 
</asp:CompareValidator> 

</div> 
</form> 


0 (上 略 ) 

操作 步骤 : 

在 Chap5 文件 夹 中 建立 Compare.aspx， 添 加 四 个 TextBox 控件 和 三 个 CompareValidator 
控件 ， 参 考 源 程序 设置 各 控件 属性 。 最 后 ， 浏 览 Compare.aspx 进行 测试 。 

注意 : 图 5-4 和 图 5-5 是 采用 Table 布局 后 的 浏览 效果 图 。 
5.2.3 ”RangeValidator 控件 


RangeValidator 控件 用 来 验证 输入 值 是 否 在 指定 范围 内 。 定 义 的 语法 格式 为 : 
<asp:RangeValidator ID="RangeValidatorl" runat="server" 
ControlToValidate="TextBoxl" ErrorMessage="RangeValidator" 
MaximumValue="9" MinimumValue="0" Type="Integer"> 
</asp:RangeValidator> 
为 验证 输入 值 的 范围 ,RangeValidator 控件 提供 了 MaximumValue 和 MinimumValue 属性 ， 
分 别 对 应 验证 范围 的 最 大 值 和 最 小 值 。 


实例 5-3 ”运用 RangeValidator 控件 
如 图 5-6 和 图 5-7 所 示 ， 成 绩 文 本 框 要 求 输入 的 值 在 0~100 之 间 ; 日 期 文本 框 要 求 输入 
的 值 在 2000-1-1 与 2014-1-1 之 间 。 


I olx 


运用 Rangeyalidator 控 件 -~ Yindows IAARRG 


一 
GO 5alaj FOS n.dlslls |x| | 


太 ， 成 绩 , [120 应 输入 0~100 之 间 的 数 ! 
日 期 : 


日 期 : 2024-1-1 ”日 期 错误 ! 


图 5-6 Range.aspx 浏览 效果 (1) 图 5-7 Range.aspx 浏览 效果 (2) 


源 程序 : Range.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Range.aspx.cs" 
Inherits="Chap5 Range" $> 
-… ( 咯 ) 
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<form id="forml" runat="server"> 
<div> 
成 绩 : <asp:TextBox ID="txtGrade" runat="server"></asp:TextBox> 
<asp:RangeValidator ID="rvGrade" runat="server" 
ControlToValidate="txtGrade" 
MaximumValue="100" MinimumValue="0" Type="Double"> 
应 输入 0 一 100 之 间 的 数 ! </asp:RangeValidator><br /> 
日 期 : <asp:TextBox ID="txtDate" runat="server"></asp:TextBox> 


<asp:RangeValidator ID="rvDate" runat="server" 


ControlToValidate="txtDate" 


MaximumValue="2014-1-1" MinimumValue="2000-1-1" Type="Date"> 


日 期 错误 1!</asp:RangeValidator> 
</div> 
</form> 


… (上 略 ) 
操作 步 又 : 


在 Chap5 文件 夹 中 建立 Range.aspx, 添加 两 个 TextBox 控件 和 两 个 RangeValidator 控件 ， 


参考 源 程序 设置 各 控件 属性 。 最 后 ， 浏 览 Range.aspx 进行 测试 。 
S.2.4 RegularExpressionValidator 控件 


RegularExpressionValidator 控件 用 来 验证 输入 值 是 否 和 定义 的 正 见 
来 验证 电话 号 码 、 邮 政 编码 、Email 等 。 定 义 的 语法 格式 如 下 : 


1 表达 式 相 匹配 ， 常 用 


<asp:RegularExpressionValidator ID="RegularExpressionValidatorl" runat="server" 


ErrorMessage="RegularExpressionValidator"> 


</asp:RegularExpressionValidator> 


RegularExpressionValidator 控件 有 一 个 重要 的 ValidationExpression 属性 ， 用 来 确定 验证 


所 需 的 正则 表达 式 ， 如 图 5-8 所 示 。 


正则 表达 式 编辑 器 XI 
标准 表达 式 @) 


加 
验证 表达 式 到 ) 
ET 

一 | 


图 5-8 设置 ValidationExpression 属性 


实例 5-4 ”验证 电子 邮件 地 址 
如 图 5-9 和 图 5-10 所 示 ， 当 输入 的 电子 邮件 地 址 不 符合 规则 ， 再 章 


和 击 “ 确 定 ” 按 钮 后 显 


示 “Email 地 址 错误 !”， 否则 显示 “验证 通过 !1”。 
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图 5-9 ”Regularaspx 浏览 效果 (1) 图 5-10 ”Regularaspx 浏览 效果 (2) 


源 程序 : Regularaspx 部 分 代码 


<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="Regular.aspx.cs" 
Inherits="Chap5 Regular" %> 
… ( 咯 ) 
<form id="forml" runat="server"> 
<div> 
Email: <asp:TextBox ID="txtMail" runat="server"></asp:TextBox> 
<asp:RegularExpressionValidator ID="revMail" runat="server" 
ControlToValidate="txtMail" 
ValidationExpression="\w+([-+."']\w+)*@\w+([-—.]\w+t)*\.\wt([-.]\wt+)*"> 
Email 地 址 错误 ! </asp:RegularExpressionValidator><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 
Text=" 确 定 " /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，Regular.aspx.cs 
using System; 
using System.Web.UI; 
public partial class Chap5 Regular : System.Web.UI.Page 
{ 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
if (Page.IsValid) 
{ 
1bl1Msg.Text = "验证 通过 ! "7 


} 


操作 步骤 : 

(1) 在 Chap5 文件 夹 中 建立 Regularaspx， 添 加 TextBox、RegularExpressionValidator、 
Button 和 Label 控件 各 一 个 。 如 图 5-8 所 示 ， 设 置 ValidationExpression 属性 值 为 “Internet 电 
子 邮 件 地 址 ”， 参 考 源 程序 设置 其 他 各 控件 属性 。 

(2) 建立 Regularaspx.cs 文件 。 最 后 ， 浏 览 Regular.aspx 进行 测试 。 

注意 : 每 个 验证 控件 都 有 IsValid 属性 ， 若 一 个 页 面 上 有 多 个 验证 控件 ， 则 只 有 当 所 有 验 
证 控件 的 IsValid 属性 值 为 true 时，Page.ISValid 属性 值 才 为 true。 


了 出 
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5.2.5 ”CustomValidator 控件 


当 ASPNET 4.5 提供 的 验证 控件 无 法 满足 实际 需要 时 ， 可 以 考虑 先 自 定义 验证 函数 ， 青 
通过 CustomValidator 控件 调用 它 来 满足 需求 。 定 义 的 语法 格式 如 下 : 


<asp:CustomValidator ID="CustomValidatorl" runat="server" 


ControlToValidate="TextBoxl" ErrorMessage="CustomValidator"> 
</asp:CustomValidator> 


在 CustomValidator 控件 的 验证 过 程 中 ， 若 要 使 用 客户 端 验证 ， 则 需要 设置 
ClientValidationFunction 属性 值 为 客户 端 验 证 函数 名 , 并 且 要 设置 EnableClientScript 属性 的 值 
为 True; 车 使 用 服务 器 端的 验证 ， 则 通过 ServerValidate 事件 触发 ， 此 时 ， 需 要 将 完成 验证 功 
能 的 代码 包含 在 事件 处 理 代码 中 。 不管 使 用 何 种 验证 方式 ， 都 可 通过 判断 CustomValidator 的 
IsValid 属性 值 来 确定 是 否 通过 验证 。 


实例 5-$ ”验证 必须 输入 一 个 偶数 
如 图 5-11 和 图 5-12 所 示 ， 输 入 一 个 数值 ， 单 击 “确定 ”按钮 后 判断 奇偶 数 并 返回 验证 
结果 。 具 体 实 现形 式 包括 客户 端 验证 、 服 务 器 端 验 证 和 混合 验证 三 种 形式 。 


图 5-11 CustomClient.aspx 浏览 效果 (1) 图 5-12 ”CustomClient.aspx 浏览 效果 (2) 
1. 客户 端 验证 


源 程序 ，CustomClient.aspx 
<sQ@ Page Language="C#" AutogventWireup="true" CodeFile="CustomClient.aspx.cs" 
Inherits="Chap5 CustomClient" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 客 户 端 验证 必须 输入 一 个 偶数 </title> 
<script> 
function clientValidate(source, args) { 
if ((args.Value gs 2) == 0) 
args.IsValid = true; 
else 
args.IsValid = false; 
} 
</script> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
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数值 : <asp:TextBox ID="txtInput" runat="server"></asp:TextBox> 


<asp:CustomValidator ID="cvInput" Tunat="serVer" 
ClientValidationFunction="ClientValidate" 
ControlToValidate="txtInput"> 不 是 一 个 偶数 ! </asp:CustomValidator><br /> 
<asp:Button ID="btnSubmit" runat="server" 
OnC1lick="btnSubmit Click" Text=" 确 定 " /> 
<asp:Label ID="1blMsg"” runat="server"></asp:Label> 
</div> 
</form> 
</body> 
</html> 


源 程序 .CustomClient.aspx.cs 
using System; 
using System.Web.UI; 
public partial class Chap5 CustomClient : System.Web.UI.Page 
{ 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
if (Page.IsValid) 
{ 
lblMsg .Text = "验证 通过 ! "; 


} 

操作 步骤 : 

(1) 在 Chaps 文件 夹 中 建立 CustomClient.aspx， 添 加 TextBox、CustomValidator、Button 
和 Label 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 属性 。 

(2) 在 CustomClient.aspx 的 “ 源 ” 视 图 中 输入 阴影 部 分 代码 。 

(3) 建立 CustomClient.aspx.cs。 最 后 ， 浏 览 CustomClient.aspx 进行 测试 。 

程序 说 明 : 

clientValidate0 〇 函数 中 的 source 表示 CustomValidator 控件 的 引用 ; args.Value 表示 获取 被 
验证 控件 的 值 ， 如 果 验 证 成 功 ， 则 需要 将 args.IsValid 设置 为 tue， 否 则 设置 为 false。 

2. 服务 器 端 验证 


源 程序 ， CustomServeraspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="CustomServer.aspx.cs" 


Inherits="Chap5 CustomServer" $> 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 
数值 : <asp:TextBox ID="txtInput" runat="server"></asp:TextBox> 
<asp:CustomValidator ID="cvInput" runat="server" 
ControlToValidate= "txtInput™ 
OnServerValidate="cvInput_ServerValidate"> 不 是 一 个 偶数 ! 
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</asp:CustomValidator><br /> 
<asp:Button ID="btnSubmit"” runat="server" OnClick="btnSubmit Click" 
Text=" 确 定 "” /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 : CustomServeraspx.cs 


using System7 
using System.Web.UI; 
using System.Web.UI.WebControls; 
public partial class Chap5 CustomServer : System.Web.UI.Page 
{ 
protected void cvInput ServerValidate(object source, ServerValidateEventArgs 
args) 


int value = int.Parse(args.Value); // 获 取 被 验证 控件 中 输入 的 值 
if ((value % 2) == 0) 
{ 
args.IsValid = true; 
} 
else 
{ 
args.IsValid = false; 
} 
} 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
if (Page.IsValid) 
lb1Msg.Text = "验证 通过 ! "; 


程序 说 明 : 
当 单 击 “ 确 定 ” 按 钮 后 , 先 触 发 cvInput 的 ServerValidate 事件 , 再 触发 btnSubmit 的 Click 
件 。 

3. 混合 验证 

混合 验证 实质 是 组 合 应 用 客户 端 和 服务 器 端 验证 ， 在 实现 时 既 要 设置 
ClientValidationFunction 属性 值 ， 又 要 编写 ServerValidate 事件 处 理 代码 。 这 种 验证 模式 既 照 
顾 了 用 户 体验 ， 又 满足 了 较 好 的 安全 性 。 若 客户 端 支持 JavaScript， 则 首先 调用 
ClientValidationFunction 属性 值 指 定 的 函数 实现 客户 端 验证 ; 当 页 面 有 往返 时 ， 将 触发 
CustomValidator 控件 的 ServerValidate 事件 并 执行 其 中 的 事件 处 理 代码 实现 服务 器 端 验 证 。 若 
客户 端 不 支持 JavaScript， 则 不 会 执行 客户 端 验证 代码 ; 当 页 面 有 往返 时 ， 将 执行 服务 器 端 验 
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证 代码 。 
5.2.6 ”ValidationSummary 控件 


在 验证 控件 中 可 直接 显示 错误 信息 ， 而 ValidationSummary 控件 提供 了 汇总 其 他 验证 控 
件 错误 信息 的 方式 ， 即 汇总 其 他 验证 控件 的 ErorMessage 属性 值 。 定 义 的 语法 格式 如 下 : 


<asp:Valldat1lonSummar- = allidatlion>ummar runat= server > 
p:Validations y ID="ValidationS 和 t=" a 


ValidationSummary 控 件 的 DisplayMode 属性 指定 了 显示 信息 的 格式 , 值 分 别 为 BulletList、 
List 和 SingleParagraph。ShowMessageBox 属性 指定 是 否 在 一 个 弹出 的 消息 框 中 显示 错误 信息 。 
ShowSummary 属性 指定 是 否 启 用 错误 信息 汇总 。 


实例 5-6 ”综合 运用 验证 控件 

如 图 5-13 所 示 ， 用 于 输入 用 户 名 信息 的 文本 框 使 用 了 RequiredFieldValidator 控件 ， 用 于 
输入 密码 和 确认 密码 的 文本 框 都 使 用 了 RequiredFieldValidator 控件 ， 以 防止 用 户 漏 填 信息 ， 
同时 还 使 用 了 CompareValidator 控件 验证 两 者 输入 的 值 是 否 一 致 ， 用 于 输入 电话 号 码 的 文本 
框 使 用 了 RegularExpressionValidator 控件 ， 当 用 户 输入 的 信息 格式 不 是 021-66798304 时 ， 就 
会 产生 验证 错误 ; 用 户 输入 身份 证 号 的 文本 框 使 用 了 CustomValidator 控件 ， 当 身份 证 号 中 包 
含 的 出 生年 月 格式 经 验证 无 效 时 产生 验证 错误 ,放置 的 ValidationSummary 控件 用 于 汇总 所 有 
的 验证 错误 信息 。 当 上 述 验 证 控件 出 现 验证 错误 时 , 焦点 会 定位 在 出 现 验证 错误 的 文本 框 中 。 


综合 运用 答 证 控件 一 Tindees Intermet Lrplorer =jD|xx| 
[SSE 
有 [ann | 
窗 吗 ， [se - ARP! 

确认 窗 码 ， [ooo00。 密码 不 一 致 全 :fe 
电话 号 码 ， 55755 格式 为 021-66798304! - 

身份 9S， rm 

| 一 | 


图 5-13 ”MultiValidate.aspx 浏览 效果 


源 程序 ，MultiValidate.aspx 部 分 代码 
<sQ@ Page Language="C#" AutogventWireup="true" CodeFile="MultiValidate.aspx.cs" 
Inherits="Chap5 MultiValidate" $%> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvName" runat="server" 
ControlToValidate="txtName" 
ErrorMessage=" 请 输入 用 户 名 ! " SetFocusOnError="True">* 
</asp:RequiredFieldValidator><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvPassword" runat="server™" 


ControlToValidate="txtPassword" 
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ErrorMessage=" 请 输入 密码 ! " SetFocusOnError="True">* 
</asp:RequiredFieldValidator><br /> 
确认 密码 : <asp :TextBox ID="txtPasswordAgain" runat="server" 
TextMode="Password"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvPasswordAgain" runat="server" 
ControlToValidate="txtPasswordAgain" ErrorMessage=" 请 输入 确认 密码 ! " 
SetFocusOnError="True">*</asp:RequiredFieldValidator> 
<asp:CompareValidator ID="cvPassword" runat="server" 
ControlToCompare="txtPassword" ControlToValidate="txtPasswordAgain" 
ErrorMessage=" 密 码 不 一 致 ! " SetFocusOnError="True"> 
</asp:CompareValidator><br /> 
电话 号 码 : <asp:TextBox ID="txtTelephone" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvTelephone" runat="server" 
ControlToValidate="txtTelephone" 
ErrorMessage=" 请 输入 电话 号 码 ! " SetFocusOnError="True">* 
</asp:RequiredFieldValidator> 
<asp:RegularExpressionValidator ID="revTelephone" runat="server" 
ControlToValidate="txtTelephone" ErrorMessage=" 格 式 为 021-66798304! " 
SetFocusOnError="True" ValidationExpression="\d{3}-\d{8}"> 


</asp:RegularExpressionValidator><br /> 
身份 证 号 : <asp:TextBox ID="txtIdentity" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvIdentity" runat="server" 

ControlToValidate="txtIdentity" 

ErrorMessage=" 请 输入 身份 证 号 ! " SetFocusOnError 
</asp:RequiredFieldValidator> 
<asp:CustomValidator ID="cvIdentity" runat="server" 

ControlToValidate="txtIdentity" 

ErrorMessage=" 身 份 证 号 错误 ! " OnServerValidate="cvInput ServerValidate" 

SetFocusOnError="True"></asp:CustomValidator><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 

Text=" 确 定 "” /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
<asp:ValidationSummary ID="ValidationSummaryl" runat="server" 


True">* 


ShowMessageBox="True" ShowSummary="False" /> 
</div> 
</form> 


… 《上 略 》 


源 程序 : MultiValidate.aspx.cs 


using System; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
Public partial class Chap5 MultiValidate : System.Web.UI.Page 
. 
protected void cvInput ServerValidate(object source, ServerValidateEventArgs 
args) 
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{ 
string strID = args.Value;  // 获 取 输 入 的 身份 证 号 
args-IsValid = true; // 验 证 控件 状态 初始 设置 为 “通过 ” 
try 
{ 
// 获 取 身 份 证 号 中 的 出 生日 期 并 转换 为 DateTime 类 型 
DateTime.Parse (strID.Substring(6, 4) + "-" + strID.Substring(10, 2) + 
"-"”+ strID.Substring(12, 2)); 
} 


catch 
{ 
args.IsValid = false; // 若 转换 出 错 ， 则 验证 未 通过 
} 
} 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
lblMsg.Text = ""; 
if (Page.IsValid) 
{ 
lblMsg .Text = "验证 通过 ! "; 
} 
} 
} 


操作 步骤 : 

(1) 在 Chap5 文件 夹 中 建立 MultiValidate.aspx， 添 加 五 个 TextBox 控件 、 五 个 
RequiredFieldValidator 控件 以 及 CompareValidator、RegularExpressionValidator、CustomValidator、 
ValidationSummary、Button 和 Label 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 属性 。 

(2) 建立 MultiValidate.aspx.cs。 最 后 ， 浏 览 MultiValidate.aspx 进行 测试 。 

程序 说 明 : 

若 页 面 中 有 其 他 验证 控件 未 通过 验证 ， 则 单 击 “确定 ”按钮 后 CustomValidator 控件 的 
ServerValidate 事件 不 会 被 触发 。 

央 为 设置 了 ValidationSummary 控件 的 ShowMessageBox 属性 值 为 True 和 ShowSummary 
属性 值 为 False， 所 以 汇总 的 验证 错误 信息 未 在 页 面 上 显示 而 是 以 对 话 框 的 形式 显示 。 

因为 设置 了 所 有 验证 控件 的 SetFocusError 属性 值 为 True, 所 以 车 有 某 个 验证 控件 未 通过 
验证 ， 此 时 光标 会 定位 到 被 验证 的 文本 框 中 。 


$5.3 小 结 


本 章 从 Web 窗 体验 证 入 手 , 介绍 窗 体 验证 的 不 同形 式 和 特点 。 为 给 用 户 提 供 尽快 地 响应 
同时 保证 验证 的 安全 性 ， 在 窗 体验 证 时 常 需 同时 使 用 客户 端 和 服务 器 端 验 证 。ASPNET 4.5 
的 验证 控件 包括 RequiredFieldValidator 、 CompareValidator 、 RangeValidator 、 
RegularExpressionValidator、CustomValidator 和 ValidationSummary， 分 别提 供 了 “必须 输入 ” 
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验证 、 比 较 验 证 、 范 围 验证 、 正 则 表达 式 验 证 、 自 定义 验证 和 汇总 其 他 验证 控件 错误 的 功能 。 
为 达到 一 定 的 验证 效果 ， 实 际 使 用 时 对 同一 个 控件 可 能 使 用 多 个 验证 控件 。 


5.4 习 题 


1. 填空 题 

(1) 窗 体验 证 包括 和 两 种 形式 。 

(2) 判断 页 面 的 属性 值 可 确定 整个 页 面 的 验证 是 否 通 过 。 

(3) 若 页 面 中 包含 验证 控件 ， 可 设置 按钮 的 属性 ， 使 得 单 击 该 按钮 后 不 会 引发 
验证 过 程 。 

(4) 若 要 对 页 面 中 包含 的 控件 分 成 不 同 的 组 进行 验证 ， 则 应 将 这 些 控件 的 
设置 为 相同 值 。 

(5) 通过 正则 表达 式 定义 验证 规则 的 控件 是 

(6) 设置 属性 指定 被 验证 控件 的 人 D。 

2. 是 非 题 

(1) 如 果 客 户 端 禁用 JavaScript， 则 验证 必须 采用 服务 器 端 形式 。 

(2) 服务 器 端 验 证 是 为 了 保证 给 用 户 较 快 的 响应 速度 。 

(3) 要 执行 客户 端 验证 必须 设置 验证 控件 的 EnableClientScript 属性 值 为 True。 

(4) CompareValidator 控件 不 能 用 于 验证 数据 类 型 。 

(5) 使 用 CompareValidator 控件 时 ， 可 同时 设置 ControlToCompare 和 ValueToCompare 


属性 


斑 一 一 一 


) 
) 
) 
， 


属性 的 值 。 ( ) 
(6) CustomValidator 控件 的 ServerValidate 事件 只 有 在 页 面 上 所 有 其 他 验证 控件 都 通过 

验证 后 才 可 能 被 触发 。 ( ) 
3. 选择 题 


(1) 下 面 对 ASPNET 4.5 验证 控件 说 法 正确 的 是 (。” ) 。 
A. 可 以 在 客户 端 直接 验证 用 户 输 入 的 信息 并 显示 错误 信息 
B. 对 一 个 下 拉 列 表 控 件 不 能 使 用 验证 控件 
C. 服务 器 验证 控件 在 执行 验证 时 必定 在 服务 器 端 执行 
D. 对 验证 控件 ， 不 能 自 定义 规则 
(2) 下 面 对 CustomValidator 控件 说 法 错误 的 是 (  ) 。 
A. 能 使 用 自 定义 的 验证 函数 
B. 可 以 同时 添加 客户 端 验 证 函数 和 服务 器 端 验 证 函数 
C. 指定 客户 端 验 证 的 属性 是 ClientValidationFunction 
D. runat 属性 用 来 指定 服务 器 端 验证 函数 
(3) 使 用 ValidatorSummary 控件 需要 以 对 话 框 形式 显示 错误 信息 ， 则 应 (  ) 。 
A. 设置 ShowSummary 属性 值 为 True B. 设置 ShowMessageBox 属性 值 为 True 
C. 设置 ShowSummary 属性 值 为 False D. 设置 ShowMessageBox 属性 值 为 False 
(4) 如 果 需 要 确保 用 户 输入 大 于 100 的 值 ， 应 该 使 用 (  ) 验 证 控件 。 
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A. RequiredFieldValidator B. RangeValidator 
C. CompareValidator D. RegularExpressionValidator 
4. 上 机 操作 题 


(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 对 第 4 章 设计 的 注册 页 面 添加 适当 的 验证 控件 。 
(3) 自行 设计 界面 ， 使 用 ValidationGroup 属性 实现 同一 个 页 面 的 分 组 验证 功能 。 
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HTTP 请 求 、 响 应 及 状态 管理 


本 章 要 点 : 

* 掌握 HttpRequest 对 象 的 应 用 。 

。 掌握 HttpResponse 对 象 的 应 用 。 

* 掌握 HttpServerUtility 对 象 的 应 用 ， 理 解 不 同方 法 的 页 面 重 定向 。 

。 掌握 跨 页 面 提交 的 应 用 。 了 解 ViewState、HiddenField， 掌 握 Cookie、Session 、 
Application、Profile 的 应 用 。 


6.1 HTTP 请 求 


对 ASPNET4.5 页 面 而 言 ， 需 要 根据 用 户 的 请 求 来 生成 响应 。ASPNET 4.5 通过 Page 类 

的 Request 属性 能 很 好 地 控制 请 求 数据 ， 如 访问 客户 端的 浏览 器 信息 、 查 询 字符 串 、Cookie 

等 信息 。 实 际 上 ，Page 类 的 Request 属性 值 是 一 个 HttpRequest 对 象 ， 它 封装 了 HTTP 请 求 信 
息 。 和 RS 对 象 常 使 用 它 的 数据 集合 ， 如 表 6-1 所 示 。 


表 6-1 HttpRequest 对 象 的 数据 集合 对 应 表 


数据 集合 说 了 明 
QueryString 从 查询 字符 串 中 读 取 用 户 提交 的 数据 
Cookies 获得 客户 端的 Cookie 数据 
ServerVariables 获得 服务 器 端 或 客户 端的 环境 变量 信息 
Browser 获得 客户 端 浏览 器 信息 


在 使 用 HttpRequest 对 象 时 , 常 通过 Page 类 的 Request 属性 调用 ,所 以 要 获取 HttpRequest 
对 象 的 Browser 数据 集合 的 语法 格式 常 写 为 : RequestBrowser。 

1，QueryString 数据 集合 

利用 QueryString 数据 集合 获得 的 查询 字符 串 是 指 跟 在 URL 后 面 的 变量 及 值 , 它们 以 “?” 
与 URL 间隔 ， 不 同 的 变量 之 间 以 “人 及” 问 隔 。 


实例 6-1 利用 QueryString 在 页 面 间 传 递 数据 信息 
如 图 6-1 和 图 6-2 所 示 ， 当 单 击 QueryStringl.aspx 页 面 上 链接 后 ， 页 面 被 重 定向 到 
QueryString2.aspx; 在 页 面 QueryString2.aspx 中 显示 从 QueryStringl.aspx 传递 过 来 的 查询 字 
符 串 数据 信息 。 


aas [EEC -lolx 
S Se 1..55lels x GOB: oalal 
传 地 相 询 主 符 归 到 Questina2 aspx 张 三 ， 你 的 年 龄 是 ，23 


图 6-1 QueryStringl.aspx 浏览 效果 图 6-2 ”显示 查询 字符 串 值 效果 
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源 程 序 : QueryStringl.aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="QueryStringl.aspx.cs" 
Inherits="Chap6 QueryStringl" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:HyperLink ID="hlkQueryString" runat="server" 
NavigateUrl="~/Chap6/QueryString2.aspx?username= 张 三 &age=23"> 
传递 查询 字符 串 到 QueryString2.aspx</asp:HyperLink> 
</div> 
</form> 


0 (上 略 ) 


源 程序 ，QueryString2.aspx 部 分 代码 


<%sQ@ Page Language="C#" AutogventWireup="true" CodeFile="QueryString2.aspx.cs" 
Inherits="Chap6 QueryString2" 各 > 
ee (上 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 
</form> 
s00 ( 略 》 


源 程序 ，QueryString2.aspx.cs 
using System; 
public partial class Chap6 QueryString2 : System.Web.UI.Page 
{ 


protected void Page Load(object sender, EventArgs e) 
{ 
// 获 取 从 QueryStringl.aspx 中 传递 过 来 的 查询 字符 串 值 
lblMsg.Text = Request .QueryString["username"] + "， 你 的 年 龄 是 : " 
+ Request.QueryString["age"]7 


2. ServerVariables 数据 集合 

利用 ServerVariables 数据 集合 可 以 很 方便 地 获取 服务 器 端 或 客户 端的 环境 变量 信息 ， 如 
客户 端的 全 地 址 等 。 语 法 格式 为 :Request.ServerVariables[" 环 境 变 量 名 "]。 常 用 的 环境 变量 
如 表 6-2 所 示 。 


表 6-2 常用 的 环境 变量 表 


环境 变量 名 说 明 
LOCAL ADDR 服务 器 端的 卫 地 址 
PATH TRANSLATED 当前 页 面 在 服务 器 端的 物理 路 径 


REMOTE ADDR 客户 端 卫 地 址 
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续 表 
环境 变量 名 说 明 
REMOTE HOST 客户 端 计算 机 名 
SERVER NAME 服务 器 端 计算 机 名 
SERVER PORT 服务 器 端 网 站 的 端口 号 


3. Browser 数据 集合 


Browser 数据 集合 用 于 返回 用 户 的 浏览 器 类 型 、 版 本 等 信息 ， 以 便 根据 不 同 的 浏览 器 编 
写 不 同 的 页 面 。 语 法 格式 为 : RequestBrowser[" 浏 览 器 特性 名 由。 常用 的 浏览 器 特性 名 如 表 
6-3 所 示 。 


表 6-3 浏览 器 特性 名 对 应 表 


名 
Browser 浏览 器 类 型 
Version 浏览 器 版 本 号 
MajorVersion 浏览 器 主 版 本 号 
MinorVersion 浏览 器 次 版 本 号 
Cookies 逻辑 值 ，true 表示 支持 Cookies 
JavaScript 逻辑 值 ，true 表示 支持 JavaScript 


ActiveXControls 逻辑 值 ，true 表示 支持 ActiveX 控件 


实例 6-2 ”利用 ServerVariables 和 Browser 返回 服务 器 端 和 客户 端 信息 
如 图 6-3 所 示 ， 本 实例 利用 ServerVariables 和 Browser 返回 服务 器 端 和 客户 端的 部 分 


信息 。 


图 6-3 Request.aspx 浏览 效果 


源 程序 ，Request.aspx 部 分 代码 


<sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="Request.aspx.cs" 


Inherits="Chap6 Request" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 .Request.aspx.cs 
using System; 


public partial class Chap6 Request : System.Web.UI.Page 
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{ 
protected void Page Load (object sender, EventArgs e) 


{ 

lblMsg .Text = "服务 器 IP 地 址 : " + Request.ServerVariables["LOCAL ADDR"] 
eb. 

lblMsg .Text += "客户 端 IP 地 址 : " + Request.ServerVariables ["REMOTE ADDR"] 
4 eb />™ 

lblMsg .Text += "浏览 器 类 型 : " + Request.Browser["Browser"] + "<br />"; 

lblMsg .Text += "浏览 器 版 本 : " + Request.Browser["Version"] + "<br />"; 

lblMsg .Text += "是 否 支 持 Cookies: " + Request.Browser["Cookies"]; 


. 


注意 : 图 6-3 是 在 VSEW 2012 中 浏览 Request.aspx 后 的 效果 图 ， 因 此 ， 服务 器 端 和 客户 
端的 了 P 地 址 都 为 本 机 地 址 。 其 中 ,，“::1” 表 示 IPv6 格式 的 本 机 地 址 。 一 旦 将 网 站 发 布 到 安装 
IIS 7.5 的 Web 服务 器 后 ， 再 从 其 他 的 客户 端 访问 页 面 将 看 到 不 同 的 地 址 。 


6.2 HTTP 响应 


ASPNET 4.5 通过 Page 类 的 Response 属性 可 以 很 好 地 控制 输出 的 内 容 和 方式 , 如 页 面 重 
定向 、 保 存 Cookie 等 。 实 际 上 ，Response 属性 值 是 一 个 HttpResponse 对 象 ， 其 常用 的 属性 
和 方法 如 表 6-4 所 示 。 

表 6-4 HttpResponse 对 象 的 常用 属性 和 方法 表 


成 员 说 了 明 
Cookies 属性 添加 或 修改 客户 端的 Cookie 
AppendToLog0) 方 法 将 自 定义 日 志 信息 添加 到 IS 日 志文 件 中 
End0 方 法 终止 页 面 的 执行 
Redirect0 方 法 页 面 重 定向 ， 可 通过 URL 附加 查询 字符 串 实现 不 同 页 面 之 间 的 数据 传递 
Wirite0 方 法 在 页 面 上 输出 信息 


实例 6-3 ”利用 Write0 方 法 输出 XHTML 文本 
利用 Write() 方 法 除 可 以 输出 提示 信息 、 变 量 值 外 , 还 可 以 输出 XHTML 文本 或 JavaScript 
脚本 等 。 如 图 6-4 所 示 ， 页 面 的 信息 由 Write0 方 法 输出 。 


| 利用 Tr。 0 方法 办 :于 [=| 
DOG.n..»alel 


我 本 WASP NET - 
我 喜欢 ASP NET! 


我 喜欢 ASP NETI 


图 6-4 Wiite.aspx 浏览 效果 


源 程序 : Write.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Write.aspx.cs" 
Inherits="Chap6 Write" $> 
… (了 略 ) 
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源 程序 : Write.aspx.cs 


using System; 
public partial class Chap6 Write : System.Web.UI.Page 


{ 
protected void Page Load(object sender, EventArgs e) 


{ 
for (int i = 10; i <= 18; i += 4) 


% 
Response.Write("<p style=\"font-size:" + i.ToString() + "px\"> 


我 喜欢 ASP .NET!</p>"); 


} 
程序 说 明 : 
for 循环 执行 完 后 向 浏览 器 输出 的 XHTML 文本 如 下 : 


<P style="font-size:10px"> 我 喜欢 RSP.NET!</pP> 
<p style="font-size:14px"> 我 喜欢 RSP.NET!</P> 
<p style="font-size:18px"> 我 育 欢 ASP.NET!</p> 


其 中 ,“"” 的 输出 需要 转 义 符 \， 即 在 源 程序 中 必须 写成 “\"”。 


实例 6-4 ”利用 Redirect0 方 法 重 定向 页 面 
如 图 6-5 和 图 6-6 所 示 ， 选 择 “ 教 师 ” 后 单 击 “ 确 定 ” 按 钮 ， 页 面 将 被 重 定向 到 教师 页 
面 Teacher.aspx。 


[Ee reir 0 方法 | 
(HE 司 : p DIS 


lea 佬 师 ， 欢 迎 您 ! 


用 户 名 ，[eaf 四 
6 教师 和 学生 
确定 可 


图 6-5 ”Redirect.aspx 浏览 效果 图 6-6 


定向 到 教师 页 面 效果 


源 程序 ，Redirect.aspx 部 分 代码 


<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="Redirect.aspx.cs" 


Inherits="Chap6 _ Redirect" %> 
… (上 略 》 
<form id="forml" runat="server"> 
户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox> 
<br /> 
<asp:RadioButtonList ID="rdoltStatus" runat="server" 


RepeatDirection="Horizontal"> 

<asp:ListItem Value="teacher"> 教 师 </asp:ListItem> 

<asp:ListItem Value="student"> 学 生 </asp:ListItem> 
</asp:RadioButtonList> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 


Text=" 确 定 " /> 


106 。 web 程序 设计 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


</form> 


… (上 略 ) 


源 程序 :Redirect.aspx.cs 
using System; 
public partial class Chap6 Redirect : System.Web.UI.Page 
{ 
protected void btnsubmit Click(object sender, EventArgs e) 
{ 
if (rdoltStatus .SelectedValue == "teacher") 
{ 
// 以 查询 字符 串 形 式 传递 用 户 名 信息 并 且 被 重 定 向 到 Teacher .aspx 
Response.Redirect ("~/Chap6/Teacher.aspx?name=" + txtName.Text); 
} 
else 


{ 
Response.Redirect ("~/Chap6/Student .aspx?name=" + txtName.Text); 


源 程序 。Teacher.aspx 部 分 代码 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Teacher.aspx.cs" 

Inherits="Chap6_ Teacher" %> 
… (了 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… (上 略 ) 


源 程序 .Teacher.aspx.cs 


using System; 
public partial class Chapé6 Teacher : System.Web.UI.Page 
{ 


protected void Page Load(object sender, EventArgs e) 


{ 

// 获 取 并 且 显 示 从 Redirect .aspx 页 面 传递 过 来 的 用 户 名 信息 

lblMsg .Text = Request.QueryString["name"] + "老师 ， 欢 迎 您 ! "; 
} 


6.3 HttpServerUtility 


在 ASPNET 4.5 中 ,Page 类 的 Server 属性 封装 了 服务 器 端的 一 些 操作 ， 如 将 XHTML 元 
素 标 记 转 换 为 字符 实体 ， 获 取 页 面 的 物理 路 径 等 。 实 际 上 ，Server 属性 值 是 一 个 
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HttpServerUtility 对 象 ， 其 常用 的 属性 和 方法 如 表 6-5 所 示 。 
表 6-5 HttpServerUtility 对 象 的 常用 属性 和 方法 表 


属性 和 方法 说 了 明 
ScriptTimeOut 属性 设置 页 面 执行 的 最 长 时 间 ， 单 位 为 秒 
Execute() 方 法 停止 执行 当前 页 面 ， 转 到 并 且 执行 新 页 面 ， 执 行 完毕 后 返回 原 页 面 ， 继 续 执行 后 

续 语 句 

HtmlEncode0 方 法 将 字符 串 中 的 XHTML 元 素 标记 转换 为 字符 实体 ， 如 将 “<” 转 换 为 “&lt;” 
MapPath0 方 法 获取 页 面 的 物理 路 径 
Transfer0 方 法 停止 执行 当前 页 面 ， 转 到 并 且 执行 新 页 面 ， 执 行 完 毕 后 不 再 返回 原 页 面 
UrlEncode0 方 法 将 字符 串 中 某 些 特殊 字符 转换 为 URL 编码 ， 如 将 “/” 转 换 为 “%2f”， 空 格 转换 


为 “+” 


Response.Redirect()、Server.Execute() 和 Server.Transfer() 都 能 实现 页 面 重 定向 ， 但 区 别 
如 下 : 

(1) Redirect0) 方 法 尽管 在 服务 器 端 执 行 ， 但 重 定向 实际 发 生 在 客户 端 ， 可 从 浏览 器 地 址 
栏 中 看 到 地 址 变化 ; 而 Execute0 和 Transfer0 方 法 的 重 定向 实际 发 生 在 服务 器 端 , 在 浏览 器 的 
地 址 栏 中 看 不 到 地 址 变化 。 

(2) Redirect0 和 Transfer() 方 法 执行 完 新 页 面 后 ， 并 不 返回 原 页 面 ; 而 Execute() 方 法 执行 
完 新 页 面 后 会 返回 原 页 面 继续 执行 。 

(3) Redirect() 方 法 可 重 定向 到 同一 网 站 的 不 同 页 面 ， 也 可 重 定向 到 其 他 网 站 的 页 面 ， 而 
Execute() 和 Transfer() 方 法 只 能 重 定向 到 同一 网 站 的 不 同 页 面 。 

(4) 利用 Redirect0 方 法 在 不 同 页 面 之 间 传 递 数 据 时 ， 状 态 管理 采用 查询 字符 串 形式 ; 而 
Execute0 和 Transfer() 方 法 的 状态 管理 方式 与 Button 类 型 控件 的 跨 页 面 提交 方式 相同 , 详细 内 
容 请 参考 6.4 节 。 


实例 6-5 运用 HttpServerUtility 对 象 
如 图 6-7 所 示 , ServerHtmlEncode() 方 法 常用 于 在 页 面 上 输出 XHTML 元 素 。 若 直接 输出 ， 
浏览 器 会 将 这 些 XHTML 元 素 解释 输出 。ServerUrlEncode0) 常 用 于 处 理 URL 地 址 ， 如 地 址 中 
包含 空格 等 。 单 击 Student.aspx 链接 时 呈现 如 图 6-8 所 示 的 界面 ， 将 丢失 “ 张 ” 后 面 的 信息 。 
单 击 Student.aspx(UrlEncode) 链 接 时 呈现 如 图 6-9 所 示 的 界面 ， 因 使 用 了 Server.UrlEncode() 
方法 不 再 丢失 “ 张 ”后 面 的 信息 。 


张 同学 ， 欢 迎 您 ! 张 三 同 学 ， 欢 迎 您 ! 


图 6-8 未 使 用 UrlEncodeO 效 果 图 6-9 使 用 UrlEncodeO 效 果 
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源 程序 : Serveraspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Server.aspx.cs" 


Inherits="Chap6_Server" %> 


… (上 略 ) 


源 程序 : Serveraspx.cs 


using System; 
public partial class Chap6 _ Server : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
// 直 接 输出 时 浏览 器 将 <hr /> 解释 为 一 条 直线 
Response.Write("This is a dog <hr />") 7， 
// 编 码 后 浏览 器 将 <hr /> 解释 为 一 般 字符 
Response.Write (Server.HtmlEncode ("This is a dog <hr />") + "<br />"); 
// 单 击 链 接 时 将 丢失 “ 张 ”后 面 的 信息 
Response.Write ("<a href=Student .aspx?name= 张 三 >Student .aspx</a><br />"); 
// 编 码 后 再 单 击 链接 时 不 会 丢失 “ 张 ”后 面 的 信息 


Response.Write("<a href=Student .aspx?name=" + Server.UrlEncode (" 张 三 ") 


+ ">Student.aspx (UrlEncode)</a>"); 


6.4” 跨 页 面 提交 


要 实现 页 面 重 定向 ， 在 ASPNET 4.5 页 面 中 可 以 采用 <a> 元 素 、HyperLink 控件 、 
Response.Redirect()、Server.Execute() 和 Server.Transfer() 方 法 。 利 用 Button 类 型 控件 实现 跨 页 
面 提交 是 另 一 种 实现 页 面 重 定向 的 方法 。 

在 实现 跨 页 面 提交 时 ， 需 要 将 源 页 面 上 Button 类 型 控件 的 PostBackUrl 属性 值 设 置 为 目 
标 页 面 路 径 。 而 在 目标 页 面 上 ， 需 要 在 页 面 头 部 添加 @ PreviousPageType 指令 ， 并 设置 
VirtualPath 属性 值 为 源 页 面 路 径 。 

在 目标 页 面 上 访问 源 页 面 中 数据 的 方法 有 两 种 : 一 是 利用 PreviousPage.FindControl0 方 
法 访问 源 页 面 上 的 控件 ; 二 是 先 在 源 页 面 上 定义 公共 属性 , 再 在 目标 页 面 上 利用 “PreviousPage. 
属性 名 ”获取 源 页 面 中 数据 。 

注意 : 使 用 Server.Execute() 和 Server.Transfer() 方 法 时 ， 目 标 页 面 也 是 通过 PreviousPage 
访问 源 页 面 的 。 那 么 如 何 区 分 是 跨 页 面 提交 还 是 调用 了 Server.Execute() 或 Server.Transfer() 方 
法 呢 ? 这 就 需要 在 目标 页 面 的 .cs 文件 中 判断 PreviousPage. IsCrossPagePostBack 属性 值 .如 果 
是 跨 页 面 提交 ， 那 么 ISCrossPagePostBack 属性 值 为 true; 如 果 是 调用 ServerExecute() 或 
Server.Tranfer() 方 法 ， 那 么 ISCrossPagePostBack 属性 值 为 false。 


实例 6-6 ”运用 跨 页 面 提交 技术 
如 图 6-10 和 图 6-11 所 示 ， 在 Crossl.aspx 中 输入 用 户 名 、 密 码 后 单 击 “ 确 定 ” 按 钮 ， 将 
通过 跨 页 面 提交 技术 重 定向 到 Cross2.aspx， 并 且 显 示 在 Crossl.aspx 中 输入 的 数据 信息 。 
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EEC ox 


[RE EC 


ETEEEREC LIol 


GE oa 


用 PP 名 [er 3 用 户 名 ,leaf 
| 密码 ，l23asd@_d 


| 
图 6-10 ”Crossl.aspx 浏览 效果 图 6-11 显示 提交 的 信息 效果 


源 程序 ，Crossl.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Crossl.aspx.cs" 
Inherits="Chap6 Crossl" 和 > 
区 (上 略 ) 
<form id="form1"” runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" 
PostBackUrl="~/Chap6/Cross2.aspx"” Text=" 确 定 " /> 
</div> 
</form> 


… (上 略 》 


源 程序 ，Crossl.aspx.cs 
public partial class Chap6 Crossl : System.Web.UI.Page 
{ 
public string Name // 公 共 属性 Name， 获 取 用 户 名 文本 框 中 内 容 
{ 


get { return txtName.Text; } 


源 程序 : Cross2.aspx 部 分 代码 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Cross2.aspx.cs" 

Inherits="Chap6 Cross2" 区 > 
<%@ PreviousPageType VirtualPath="~/Chap6/Crossl.aspx" $%> 
区 ( 略 》 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… ( 略 ) 


源 程序 :Cross2.aspx.cs 


using System 
using System.Web.UI.WebControls; 
public partial class Chap6 Cross2 : System.Web.UI.Page 
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{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (PreviousPage.IsCrossPagePostBack) // 判 断 是 否 为 跨 页 面 提交 
{ 
// 通 过 公共 属性 获取 值 
lblMsg .Text = "用 户 名 : " + PreviousPage.Name + "<br />"; 
// 先 通过 FindControl () 找到 源 页 面 中 控件 ， 再 利用 控件 属性 获取 值 
TextBox txtPassword = (TextBox)PreviousPage.FindControl ("txtPassword"); 
lblMsg .Text += "密码 : " + txtPassword.Text; 
’ 
} 
} 


操作 步骤 ; 

(1) 在 Chap6 文件 夹 中 建立 Crossl.aspx， 添 加 两 个 TextBox 控件 和 一 个 Button 控件 ， 参 
考 源 程序 设置 各 控件 属性 。 

(2) 在 Chap6 文件 夹 中 建立 Crossl.aspx.cs。 

(3) 在 Chap6 文件 夹 中 建立 Cross2.aspx， 添 加 一 个 Label 控件 。 在 “ 源 ” 视 图 中 输入 阴 
影 部 分 代码 。 

(4) 建立 Cross2.aspx.cs。 最 后 ， 浏 览 Crossl.aspx 进行 测试 。 


6.5 状态 管理 


在 实现 页 面 重 定向 和 跨 页 面 提交 时 ， 已 涉及 一 些 数 据 需要 从 一 个 页 面 传递 到 另 一 个 页 
面 ， 这 些 实际 上 就 是 状态 管理 的 一 部 分 。 本 节 将 介绍 状态 管理 的 其 他 形式 。 

ASPNET 4.5 的 状态 管理 分 为 客户 端 和 服务 器 端 两 种 。 客 户 端 状态 管理 是 将 状态 数据 保 
存在 客户 端 计算 机 上 ， 当 客户 端 向 服务 器 端 发 送 请 求 时 ， 状 态 数据 会 随 之 发 送 到 服务 器 端 。 
具体 实现 时 可 选择 ViewState 、ControlState 、HiddenField 、Cookie 和 查询 字符 串 ， 其 中 
ControlState 只 能 用 于 自 定义 控件 的 状态 管理 。 服 务 器 状态 管理 是 将 状态 数据 保存 在 服务 器 
上 。 具 体 实现 时 可 选择 Session 状态 、Application 状态 或 数据 库 形 式 。 相 比较 而 言 ， 客 户 端 
状态 由 于 状态 数据 保存 在 客户 端 ， 所 以 不 消耗 服务 器 内 存 资 源 ， 但 容易 泄露 数据 信息 ， 安 全 
性 较 差 。 而 服务 器 端 状态 将 消耗 服务 器 端 内 存 资源 ， 但 具有 较 高 的 安全 性 。 


6.S.1 ViewState 


ViewState 又 称 为 视图 状态 ， 用 于 维护 Web 窗 体 自身 的 状态 。 当 用 户 请 求 ASPNET 4.5 
页 面 时 ，ASPNET 4.5 将 ViewState 封装 为 一 个 或 几 个 隐藏 的 表单 域 传递 到 客户 端 。 当 用 户 再 
次 提交 页 面 时 ，ViewState 也 将 被 提交 到 服务 器 端 。 这 样 后 续 的 请 求 就 可 以 获得 上 一 次 请 求 时 
的 状态 。 

要 直观 地 查看 ViewState 形式 ， 可 在 客户 端 浏览 ASPNET 4.5 页 面 时 ， 从 浏览 器 中 选择 
“查看 ”一 “ 源 文件 ”命令 。 下 面 的 代码 片段 即 是 一 个 ViewState。 
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<input type="hidden" name=" _VIEWSTATE" id=" _VIEWSTATE" 
value="/wEPDwUJODExMDES5NzY5D2QWAgIDD2QWAgIBDw8WAh4EVGV4dAUXc3PogI 


HluIjvvIizmrKLov47mgqjvvIFkZGSDrmXXxayfKeURWXh0SS5ZDR3noQ==" /> 
如 果 页 面 上 的 控件 很 多 ，ViewState 就 可 能 很 长 。 显 然 ， 如 果 每 次 在 客户 端 和 服务 器 端 之 


间 传 输 大 量 状态 数据 ， 将 影响 网 站 性 能 和 用 户 感受 。 因 此 ， 对 于 没有 必要 维持 状态 的 页 面 和 
控件 ， 就 应 禁用 ViewState。 设 置 EnableViewState 属性 值 为 False 可 实现 禁用 ViewState 的 目 
的 。 例如， 设置 TextBox 控件 禁用 ViewState 的 代码 如 下 : 


<asp:TextBox ID="txtName" runat="server" EnableViewState="False"></asp:TextBox> 
如 果 要 禁用 整个 页 面 的 ViewState， 就 要 用 到 @Page 指令 ， 如 : 


<%@ Page EnableViewState="false" Language="C#" AutoEventWireup="true" 
CodeFile="Default.aspx.cs" Inherits="Chap6 Default" %> 


6.5.2 ”HiddenField 控件 


HiddenField 又 称 隐藏 域 ， 用 于 维护 Web 窗 体 自身 的 状态 。 作 为 隐藏 域 ， 它 不 会 显示 在 
用 户 的 浏览 器 中 ， 但 可 以 像 设置 标准 控件 的 属性 那样 设置 其 属性 。HiddenField 控件 的 成 员 主 
要 有 Value 属性 和 ValueChanged 事件 。 

注意 : 要 触发 ValueChanged 事件 ， 需 设置 HiddenField 控件 的 EnableViewState 属性 值 
为 False。 


6.5.3 Cookie 


Cookie 是 保存 在 客户 端 硬 盘 或 内 存 中 的 一 小 段 文本 信息 ， 如 网 站 、 用 户 、 会 话 等 有 关 的 
信息 。 一 种 典型 的 用 途 是 通过 Cookie 保存 用 户 是 否 已 登录 的 信息 。 这样， 在 其 他 页 面 只 要 判 
断 相 应 的 Cookie 值 就 能 知道 用 户 是 否 已 经 登录 。 

Cookie 与 网 站 关联 ， 而 不 是 与 特定 的 页 面 关联 。 因 此 ， 无 论 用 户 请 求 网 站 中 的 哪 一 个 页 
面 ， 浏 览 器 和 服务 器 都 将 交换 Cookie 信息 。 当 用 户 访问 不 同 网 站 时 ， 各 个 网 站 都 有 可 能 会 向 
用 户 的 浏览 器 发 送 一 个 Cookie， 浏 览 器 会 分 别 存储 不 同 网 站 的 Cookie。 

可 以 在 客户 端 修改 Cookie 设置 和 禁用 Cookie。 当 用 户 的 浏览 器 关闭 了 对 Cookie 的 支持 ， 
但 又 要 使 用 Cookie 时 ， 只 需 在 Web.config 文件 的 <system.web> 元 素 中 加 入 以 下 语句 : 


<sessionState cookieless="AutoDetect"> 或 <sessionState cookieless="UseUri"> 


在 Windows 7 操作 系统 中 ，Cookie 文本 文件 存储 于 “%userprofile%\AppData\Roaming\ 
IMicrosoft\Windows\Cookies” 文 件 夹 中 。 可 以 用 记事 本 打开 Cookie 文本 文件 进行 查看 。 

ASPNET 4.5 提供 System.Web.HttpCookie 类 来 处 理 Cookie， 常 用 的 属性 是 Value 和 
Expires。Value 属性 用 于 获取 或 设置 Cookie 值 ; Expires 用 于 设置 Cookie 到 期 时 间 。 每 个 Cookie 
一 般 都 会 有 一 个 有 效 期 限 ， 当 用 户 访问 网 站 时 ， 浏 览 器 会 自动 删除 过 期 的 Cookie。 若 在 建立 
Cookie 时 没有 设置 有 效 期 ， 则 创建 的 Cookie 将 不 会 保存 到 硬盘 文件 中 ， 而 是 作为 用 户 会 话 
信息 的 一 部 分 。 当 用 户 关闭 浏览 器 时 ，Cookie 就 会 被 丢弃 。 这 种 类 型 的 Cookie 很 适合 用 来 
保存 只 需 短 时 间 存 储 的 信息 ， 或 者 保存 由 于 安全 原因 不 应 写 入 客户 端 硬盘 文件 的 信息 。 

要 建立 Cookie 需要 使 用 Response.Cookies 数据 集合 ， 如 : 
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Response.Cookies["Name"] .Value=" 张 三 "; 


也 可 以 先 创 建 HttpCookie 对 象 ， 设 置 其 属性 ， 然 后 通过 Response.Cookies.Add() 方 法 添 
加 ， 如 : 

HttpCookie cookie = new HttpCookie ("Name"); 

cookie.Value = " 张 三 "; 

cookie.Expires = DateTime.Now.AddDays (1); 


Response.Cookies.Add (cookie); 
要 获取 Cookie 值 需 要 使 用 Request.Cookies 数据 集合 ， 如 : 


string strName=Request.Cookies.["Name"] .Value; 


实例 6-7 利用 Cookie 限制 页 面 访问 
如 图 6-12 所 示 , 用 户 访问 Cookie.aspx 时 , 若 在 Cookie 中 已 有 用 户 信息 则 显示 欢迎 信息 ， 
否则 被 重 定向 到 CookieLogin.aspx。 这 意味 着 当 Cookie 中 未 包含 用 户 信 息 时 ， 就 不 能 访问 
Cookie.aspx， 实 现 了 限制 页 面 访问 的 目的 。 图 6-13 中 ， 输 入 用 户 名 和 密码 ， 单 击 “ 确 定 ” 按 
钮 后 会 将 用 户 名 写 入 Cookie。 


leaf， 欢 迎 您 回来 ! 


图 6-12 Cookie.aspx 浏览 效果 图 6-13 ”CookieLogin.aspx 浏览 效果 


源 程序 : Cookie.aspx 部 分 代码 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Cookie.aspx.cs" 

Inherits="Chap6 Cookie" %> 
… (上 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… ( 咯 ) 


源 程序 : Cookie.aspx.cs 


using Systemz 
public partial class Chap6_Cookie : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (Request.Cookies["Name"] != null) 
{ 
lblMsg.Text = Request.Cookies["Name"] .Value + "， 欢迎 您 回来 ! "; 
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} 


else 


Response.Redirect ("~/Chap6/CookieLogin.aspx"); 


源 程序 : CookieLogin.aspx 部 分 代码 


<%Q@ Page Language="C#" AutoEventWireup="true" CodeFile="CookieLogin.aspx.cs" 
Inherits="Chap6 CookieLogin" 和 > 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 
Text=" 确 定 "” /> 
</div> 
</form> 


区 ( 略 》 


源 程序 ，CookieLogin.aspx.cs 
using System; 
using System.Web; 
public partial class Chap6 CookieLogin : System.Web.UI.Page 
{ 
protected void btnSubmit Click(object sender, EventArgs e) 
// 实 际 工程 需 与 数据 库 中 存储 的 用 户 名 和 密码 比较 
if (txtName .Text == "lJeaf" && txtPassword.Text == "111" 
. 
HttpCookie cookie = new HttpCookie ("Name"); 
"leaf"; 


cookie.Expires = DateTime.Now.AddDays (1); 


cookie.Value = 


Response.Cookies.Add (cookie); 


} 


程序 说 明 : 
测试 时 先 浏览 Cookieaspx ， 此 时 因 无 用 户 名 Cookie 信息 ， 页 面 被 重 定 向 到 


CookieLogin.aspx, 输入 用 户 名 和 密码 后 单 击 “确定 ”按钮 将 用 户 名 存 入 Cookie。 关闭 浏览 
再 次 浏览 Cookie.aspx 可 看 到 欢迎 信息 。 
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6.5.4 Session 


Session 又 称 会 话 状态 ,在 工程 项 目 中 应 用 广泛 ， 典型 的 应 用 有 存储 用 户 信息 、 多 页 面 间 
的 信息 传递 、 购 物 车 等 。Session 产生 在 服务 器 端 ， 只 能 为 当前 访问 的 用 户 服务 。 以 用 户 对 网 
站 的 最 后 一 次 访问 开始 计时 ， 当 计时 达到 会 话 设 定时 间 并 且 期 间 没 有 访问 操作 时 ， 则 会 话 自 
动 结束 。 如 果 同 一 个 用 户 在 浏览 期 间 关 闭 浏 览 器 后 再 访问 同一 个 页 面 ， 服 务 器 会 为 该 用 户 产 
生 新 的 Session 。 

在 服务 器 端 ，ASPNET 4.5 用 一 个 唯一 的 Session ID 来 标识 每 一 个 会 话 。 若 客户 端 支持 
Cookie，ASPNET 4.5 会 将 Session ID 保存 到 相应 的 Cookie 中 ; 若 不 支持 ， 就 将 Session ID 
添加 到 URL 中 。 当 用 户 提交 页 面 时 ， 浏 览 器 会 把 用 户 的 Session ID 附加 在 HTTP 头 信息 中 ， 
服务 器 处 理 完 该 页 面 后 ， 再 把 结果 返回 给 Session ID 所 对 应 的 用 户 。 

注意 : 不管 Session ID 保存 在 Cookie 还 是 添加 在 URL 中 ,都 是 明文 .如 果 需 要 保护 Session 
ID， 可 考虑 采用 HTTPS 通信 。 

Session 由 System.Web.HttpSessionState 类 实现 ， 使 用 时 ， 常 直接 通过 Page 类 的 Session 
属性 访问 HttpSessionState 类 的 实例 。 常 用 的 属性 和 方法 如 表 6-6 所 示 。 


表 6-6 HttpSessionState 常用 的 属性 和 方法 表 


属性 和 方法 说 了 明 
Contents 属性 获取 对 当前 会 话 状态 对 象 的 引用 
Mode 属性 获取 当前 会 话 状态 的 模式 
SessionID 属性 获取 会 话 的 唯一 标识 
TimeOut 属性 获取 或 设置 会 话 状态 持续 时 间 ， 单 位 为 分 钟 ， 默 认为 20 分 钟 
Abandon() 方 法 取消 当前 会 话 
Remove() 方 法 删除 会 话 状态 集合 中 的 项 


与 Session 密切 相关 的 是 Global 类 的 Session_Start0 和 Session End0) 方 法 , 实现 这 些 方法 
的 代码 包含 于 Globalasax 文件 中 。 其 中 Session_Start0 方 法 中 代码 在 新 会 话 启动 时 会 自动 被 
执行 ， 而 Session_End0) 方 法 中 代码 在 会 话 结束 时 会 自动 被 执行 。 

注意 : 只 有 Web.config 文件 中 的 sessionState 模式 设置 为 InProc 时 ， 才 会 执行 
Session End() 方 法 代码 。 如 果 会 话 模式 设置 为 StateServer 或 SQLServer， 则 不 会 执行 
Session End() 方 法 代码 。 

对 Session 状态 的 赋值 有 两 种 ， 如 : 

Session["Name"]=" 张 三 "; 

Session.Contents["Name"]=" 张 三 "; 

注意 : Session 使 用 的 名 称 不 区 分 大 小 写 ， 因 此 不 要 用 大 小 写 区 分 不 同 的 Session 变量 。 

在 ASPNET 4.5 中 ，Session 状态 的 存储 方式 有 多 种 ， 可 以 在 Web.config 中 通过 
<sessionState> 元 素 的 mode 属性 来 指定 , 共有 Off、InProc、StateServer、SQLServer 和 Custom 
五 个 枚 举 值 供 选 择 ， 分 别 代表 禁用 、 进 程 内 、 独 立 的 状态 服务 、SQLServer 和 自 定义 数据 存 
储 。 在 实际 工程 项 目 中 ， 一 般 选 择 StateServer， 而 对 于 大 型 网 站 常 选用 SQLServer。 
下 面 是 用 于 某 考 试 系统 Session 状态 设置 的 部 分 代码 。 其 中 ，Session 存储 模式 选择 
StateServer， 状 态 服务 器 名 为 StateServerName， 端 口号 为 42424， 不 使 用 Cookie， 会 话 时 间 
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为 90 分 钟 。 
<configuration> 
<system.web> 
<sessionState mode="StateServer" 
stateConnectionString="tcpip=StateServerName:42424" 
cookieless="false" timeout="90"> 
</sessionState> 
</system.web> 
</configuration> 


实例 6-8 利用 Session 限制 页 面 访问 
本 实例 功能 类 似 于 实例 6-7, 但 适用 于 客户 端 已 禁用 Cookie 的 情况 。 如 图 6-14 和 图 6-15 
所 示 ， 利 用 本 实例 能 限制 对 Session.aspx 的 访问 ， 即 首先 要 通过 登录 认证 才能 访问 该 页 面 。 


leaf， 欢 迎 您 ! 


用 户 名 Jar 
密码 ， [eee 


| 


图 6-14 ”SessionLogin.aspx 浏览 效果 图 6-15 ”Session.aspx 浏览 效果 


源 程序 : Session.aspx 部 分 代码 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Session.aspx.cs" 

Inherits="Chap6_Session" %> 
… (了 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… (了 略 ) 


源 程序 : Session .aspx.cs 
using System 
public partial class Chap6 Session : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
if (Session["Name"] != null) 
{ 
lblMsg.Text = Session["Name"] + "， 欢 迎 您 ! "; 
Sas 
{ 
Response.Redirect ("~/Chap6/SessionLogin.aspx"); 


} 
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源 程序 : SessionLogin.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="SessionLogin.aspx.cs" 
Inherits="Chap6_SessionLogin" 和 > 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 


户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 
Text=" 确 定 " /> 
</div> 
</form> 


… ( 咯 ) 


源 程序 ，SessionLogin.aspx.cs 
using System; 
public partial class Chap6 SessionLogin : System.Web.UI.Page 
{ 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
// 实 际 工程 需 与 数据 库 中 存储 的 用 户 名 和 密码 比较 


if (txtName .Text == "lJeaf" && txtPassword.Text == "111") 
{ 
Session["Name"] = "leaf"; 
J 
} 
程序 说 明 : 
当 用 户 直 接 访问 Session.aspx 时 ， 会 判断 Session["Name"] 状 态 值 ， 若 为 空 ， 则 被 重 定向 


到 SessionLogin.aspx， 和 否则 显示 欢迎 信息 。 
在 SessionLogin.aspx 中 用 户 登 录 成 功 后 ， 将 建立 Session["Name"] 状 态 值 。 此 时 要 测试 是 
否 存 在 Session["Name"] 状 态 值 ， 应 在 浏览 SessionLogin.aspx 页 面 的 浏览 器 中 直接 更 改 地 址 来 


访问 Session.aspx。 


6.5.5 Application 


Application 又 称 应 用 程序 状态 ， 与 应 用 于 单个 用 户 的 Session 状态 不 同 ， 它 应 用 于 所 有 
的 用 户 。 所 以 ， 可 以 将 Application 状态 理解 成 公用 的 全 局 变量 ， 网 站 中 的 每 个 访问 者 均 可 访 
问 该 变量 。Application 状态 存在 于 网 站 运行 过 程 中 ， 当 网 站 关闭 时 将 被 释放 。 因 此 ， 如 果 需 
要 将 状态 数据 保存 下 来 ， 则 适宜 保存 在 数据 库 中 。 

Application 由 System.Web.HttpApplicationState 类 来 实现 。 存 取 一 个 Application 状态 的 方 
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法 与 Session 状态 类 似 。 但 因为 Application 是 面 对 所 有 用 户 的 ， 所 以 ， 当 要 修改 Application 
状态 值 时 ， 首 先 要 调用 Application.Lock0 方 法 锁定 Application 状态 ， 值 修改 后 再 调用 
Application.Unlock() 方 法 解除 锁定 。 

与 Application 密切 相关 的 是 Global 类 的 Application Start0 、Application End()、 
Application_ Error() 方 法 。 与 Session 类 似 ， 实 现 这 些 方法 的 代码 包含 于 Globalasax 文件 中 。 


实例 6-9 统计 网 站 在 线 人 数 
如 图 6-16 所 示 , 页 面 呈 现 网 站 在 线 人 数 。 要 实现 该 功能 需 考虑 三 个 方面 : 初始 化 计数 器 ; 
当 一 个 用 户 访问 网 站 时 ,计数器 增 1， 当 一 个 用 户 离开 网 站 时 ,计数器 减 1。 初 始 化 计数 器 要 
在 Application Start() 方 法 代码 中 定义 Application 状态 。 用 户 访问 网 站 时 增加 计数 要 在 
Session_Start0 方 法 代码 中 增加 Application 状态 值 。 用 户 离 开 网 站 时 减少 计数 要 在 
Session_End() 方 法 代码 中 减 小 Application 状态 值 。 


站 在 线 入 数 


当前 用 户 在 线 人 数 ，3 


图 6-16 ”Application.aspx 浏览 效果 


源 程序 ，Global.asax 
<%@ Application Language="C#" $> 
<script RunAt="server"> 
void Application Start (object sender，EventRrgs e) // 在 应 用 程序 启动 时 运行 的 代码 
{ 
Application["VisitNumber"] = 0; // 初 始 化 计数 器 
} 
void Session Start (object sender, EventArgs e) // 在 新 会 话 启 动 时 运行 的 代码 
{ 
if (Application["VisitNumber"] != null) 
{ 
Application.Lock(); 
Application["VisitNumber"] = (int)Application["VisitNumber"] + 1; 
Application.UnLock(); 
} 
} 
void Session End(object sender, EventArgs e) // 在 会 话 结束 时 运行 的 代码 
i 
if (Application["VisitNumber"] != null) 
{ 
Application.Lock(); 
Application["VisitNumber"] = (int)Application["VisitNumber"] - 1; 
Application.UnLock(); 
} 
} 
</script> 
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源 程 序 : Application.aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true" CodeFile="Application.aspx.cs" 
Inherits="Chap6 Application" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
当前 用 户 在 线 人 数 : <asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，Application.aspx.cs 


using System; 
public partial class Chap6 Application : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
lblMsg.Text = Application["VisitNumber"] .ToString(); // 显 示 网 站 在 线 人 数 
} 
} 


程序 说 明 : 

可 同时 利用 多 个 浏览 器 或 多 台 计 算 机 访问 Application.aspx， 进 行 测试 。 当 然 ， 若 通过 多 
台 计 算 机 进行 测试 ， 需 要 先 将 网 站 复制 到 IS 7.5 中 。 

注意 : Session End() 方 法 代码 只 有 到 达 TimeOut 属性 设置 的 时 间 时 才 被 执行 ， 所 以 关闭 
浏览 器 不 会 立即 调用 该 方法 。 


6.5.6 Profile 


不 同 的 用 户 往 往 有 不 同 的 偏好 。 例 如， 对 于 使 用 Google 的 用 户 来 说 ， 有 的 希望 页 面 的 界 
面 语言 是 英文 ， 而 有 的 希望 页 面 的 界面 语言 是 中 文 。 那么 ， 如 何 对 不 同 的 用 户 进行 状态 管理 
呢 ? ASPNET 4.5 提供 了 方便 实用 的 Profile 解决 方案 。 

Profile 提供 的 用 户 个 性 化 配置 功能 可 以 很 方便 地 为 每 个 用 户 定义 、 存 储 和 管理 配置 信息 。 
这 些 信息 可 以 是 与 用 户 有 关 的 任何 信息 ， 如 后 面 章 节 将 介绍 的 主题 、 成 员 角 色 信息 等 。 所 存 
储 的 配置 信息 可 以 是 任意 数据 类 型 的 对 象 , 包括 自 定义 类 对 象 。 针对 的 用 户 可 以 是 注册 用 户 ， 
也 可 以 是 匿名 用 户 。 而 且 ，ASPNET 4.5 会 自动 识别 不 同 的 匿名 用 户 。 默 认 情 况 下 ， 配 置信 
息 以 ASPNETDB.mdf 数据 库 名 存储 于 网 站 的 App_Data 文件 夹 。 其 中 ， aspnet Profile 表 存 
储 了 用 户 配 置 数据 ， 每 一 条 记录 代表 一 个 用 户 的 配置 信息 。 当 然 也 可 以 将 配置 信息 保存 到 其 
他 版 本 的 SQL Server 中 ， 此 时 需要 使 用 “%windir%\Microsoft.NET\Framework\v4.0.30319” 
文件 夹 中 的 aspnet_regsql.exe 命令 行 工具 进行 配置 。 
户 个 性 化 配置 过 程 主要 有 两 个 步骤 : 第 一 ， 在 Web.config 文件 中 的 <profile> 元 素 中 定 
义 配 置信 息 名 、 数 据 类 型 、 是 否 允 许 匿名 用 户 存储 信息 等 。 第 二 ， 在 程序 中 利用 Profile 对 象 
访问 用 户 个 性 化 信息 。 


ps 
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实例 6-10 利用 Profile 存 取 匿名 用 户 的 邮政 编码 信息 
如 图 6-17 所 示 , 当 某 匿名 用 户 输入 邮编 , 单 击 “ 写 入 ”按钮 把 邮编 保存 到 ASPNETDB.mdf 
数据 库 的 aspnet Profile 表 中 。 单 击 “ 显 示 ” 按 钮 从 aspnet_Profile 表 中 获取 该 匿名 用 户 的 邮 
编 并 显示 在 页 面 上 ， 如 图 6-18 所 示 。 


利用 Profile 存 取 岂 政绩 口 | x| 利用 Proefile 存 取 邮 政 编码 信息 央 


邮编 ，[201620 
豆 寺 中 存储 的 邮编 为 ，201620 二 


[al 


图 6-17 Profile.aspx 浏览 效果 (1) 图 6-18 ”Profile.aspx 浏览 效果 (2) 


源 程序 。 Web.config 部 分 代码 


<anonymousIdentification enabled="true"/> 
<profile> 
<properties> 
<add name="PostCode" type="System.String" allowAnonymous="true"/> 
</properties> 
</profile> 


操作 步 又 : 

打开 网 站 根 文件 夹 下 的 Web.config， 在 <system.web> 元 素 中 输入 源 程序 内 容 。 

程序 说 明 : 

(1) <anonymousIdentification> 元 素 用 于 配置 匿名 用 户 标 识 。 

(2) <profile> 元 素 中 定义 了 PostCode 属性 ， 其 数据 类 型 为 string〈System.String) 并 且 多 
许 匿名 用 户 访问 。 这 样 ， 要 访问 PostCode 通过 Profile.PostCode 即 可 。 

(3) 若 属 性 较 多 ， 还 可 考虑 使 用 属性 组 形式 ， 如 : 


<properties> 


<group name="BillingAddress"> 
<add name="Street" type="System.Sstring"/> 
<add name="City" defaultValue=" 北 京 " type="System.String"/> 
</group> 
</properties> 


以 属性 组 形式 定义 后 ， 要 访问 Street 只 需 使 用 Profile.BillingAddress.Street。 


源 程 序 ，Profile.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Profile.aspx.cs" 
Inherits="Chap6 Profile" 多 > 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
邮编 ， <asp:TextBox ID="txtPostCode" runat="server"></asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit Click" 
Text=" 写 入 " /> 
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<asp:Button ID="btnDisplay" runat="server" OnClick="btnDisplay Click" 
Text=" 显 示 " /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


…( 略 ) 


源 程序 ， Profile.aspx.cs 


using System; 
Public partial class Chap6 Profile : System.Web.UI.Page 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
// 存 储 邮编 到 ASPNETDB .mdf 中 的 aspnet_Profile 表 
Profile.PostCode = txtPostCode.Text; 
} 
protected void btnDisplay Click(object sender, EventArgs e) 
{ 
// 从 aspnet_Profile 表 中 获取 存储 的 邮编 
lblMsg.Text = "存储 的 邮编 为 : " + Profile.PostCode; 
} 
} 


程序 说 明 : 
于 在 Web.config 文件 中 添加 了 用 户 个 性 化 配置 信息 ,所 以 浏览 Profile.aspx 时 ASPNET 
4.5 会 在 网 站 的 App_Data 文件 夹 中 自动 建立 默认 的 ASPNETDB.mdf 数据 库 。 另 外 ， 不 需要 
访问 数据 库 的 语句 , 直接 通过 Profile 对 象 即 可 保存 或 获取 存储 于 aspnet_Profile 表 中 的 用 户 个 
性 化 信息 。 

注意 : 将 包含 Profile.aspx 的 网 站 发 布 到 IIS 7.5 后 , 由 于 从 不 同 的 计算 机 访问 Profile.aspx 
将 生成 不 同 的 匿名 用 户 标识 ， 故 不 能 共享 存储 的 邮编 。 所 以 ， 在 实际 工程 项 目 中 ， 常 需要 与 
用 户 管理 相配 合 ， 将 用 户 个 性 化 配置 信息 关联 到 指定 的 用 户 。 有 关 用 户 管理 的 内 容 请 读者 参 
考 第 9 章 。 


6.6 小 结 


本 章 从 HTTP 请 求 入 手 ， 介 绍 ASPNET 4.5 网 站 的 状态 管理 方法 。 

要 控制 页 面 请 求 和 响应 ， 需 使 用 HttpRequest 和 HttpResponse 对 象 。HttpRequest 提供 了 
QueryString 、ServerVariables 、Browser 、Cookies 等 数据 集合 来 访问 不 同 用 途 的 数据 。 
HttpResponse 提供 了 输出 XHTML 文本 、JavaScript 脚本 、Cookie 等 功能 。 

为 了 有 效 防范 SQL 脚本 注入 ， 常 会 使 用 HttpServerUtility 对 象 的 HtmlEncode() 方 法 ， 该 
对 象 同时 提供 了 UrlEncode0、MapPath0 等 实用 方法 。 

页 面 重 定向 可 采用 <a> 元 素 、HyperLink、 Response.Redirect() 、 ServerExecute() 、 
Server Transfer0 和 Button 类 型 控件 的 跨 页 面 提交 等 形式 ， 在 使 用 时 要 注意 它们 的 区 别 。 
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在 网 站 的 页 面 之 间 传 递 信息 、 保 存 用 户 个 性 化 信息 等 都 要 涉及 状态 管理 。 状 态 管理 分 为 
客户 端 和 服务 器 端 两 种 管理 形式 。 客 户 端 形 式 使 用 较 多 的 是 Cookie 和 查询 字符 串 ， 服 务 器 端 
形式 包含 Session、Application 和 数据 库 等 。 其 中 ，Session 对 应 单个 用 户 ， 而 Application 对 
应 所 有 用 户 。 若 要 实现 个 性 化 网 站 ， 需 要 配置 Web.config 和 使 用 Profile 对 象 。 


6.7 习 题 


1. 填空 题 

(1) 从 http://10.200.1.23/Custom.aspx?ID=4703 中 获取 ID 值 的 方法 是 。 
(2) 要 获取 客户 端 耳 地址， 可 以 使 用 

(3) 终止 ASPNET 4.5 页 面 执行 可 以 使 用 

(4) 要 获取 Default.aspx 页 面 的 物理 路 径 可 以 使 用 8 

(5) 状态 管理 具有 和 两 种 方式 。 

(6) 设置 Button 类 型 控件 的 属性 值 可 在 单 击 按钮 后 跳 转 到 相应 页 面 。 
(7) Session 对 象 启动 时 会 自动 执行 方法 代码 。 
(8) 设置 会 话 有 效 时 间 为 10 分 钟 的 语句 是 __。 
(9) 若 浏 览 器 已 禁用 Cookie， 要 有 效 地 识别 用 户 可 以 在 
(10) 要 对 Application 状态 变量 值 修改 之 前 应 使 用 

2. 是 非 题 

(1) 判断 IsCrossPagePostBack 属性 的 值 可 确定 是 否 属于 跨 页 面 提交 。 
(2) Application 状态 可 由 网 站 所 有 用 户 进行 更 改 。 

(3) 使 用 HTML 控件 时 将 不 能 保持 ViewState 状态 。 

(4) ViewState 状态 可 以 在 网 站 的 不 同 页 面 间 共享 。 

(5) Session 状态 可 以 在 同一 会 话 的 不 同 页 面 间 共享 。 

(6) 使 用 Profile 管理 用 户 个 性 化 信息 需要 添加 连接 数据 库 的 代码 。 


中 加 入 


Re. i .hs 
We eh St WW Wp Att 


(7) 当 关 闭 浏览 器 窗口 时 ，Session_End0 方 法 代码 立即 被 执行 。 
3. 选择 题 
(1) 要 重 定 向 页 面 , 不 能 使 用 ( )。 
A. LinkButton 控件 B. HttpResponse.Redirect(0) 方 法 
C. Imasge 控件 D. HttpServerUtility.Transfer() 方 法 
(2) 下 面 的 ( 对象 可 以 获取 从 客户 端 浏览 器 提交 的 信息 。 
A. HttpRequest B. HttpResponse 
C. HttpSessionState D. HttpApplication 


(3) Session 状态 和 Cookie 状态 的 最 大 区 别 是 ( Fs 
A. 存储 的 位 置 不 同 ” B. 类 型 不 同 C. 生命 周期 不 同 D. 容量 不 同 
(4) 默认 情况 下 ，Session 状态 的 有 效 时 间 是 ( ” ) 。 
A.30 秒 B. 10 分钟 C. 20 分 钟 D. 30 分 钟 
(5) 若 革 页面 已 添加 一 个 Label 控件 lbIMsg， 则 执行 “lblMsg.Text="<a hre 人 http:/www- 
microsoft.com\"> 微 软 </a>"” 语 句 后 ， 页 面 上 显示 的 内 容 是 ( ) 。 
A. <a href="http://www.microsoft.com"> 微 软 </a> B. 微软 
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C. 以 超 链 接 形式 显示 “微软 ” D. 程序 出 错 
4. 简 答题 
(1) 简 述 Session 状态 和 Application 状态 的 异同 。 
(2) 简 述 页 面 重 定 向 的 不 同形 式 和 使 用 区 别 。 
(3) 简 述 利用 Profile 管理 用 户 个 性 化 信息 的 过 程 。 
5. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 建立 一 个 能 显示 来 访 者 人 P 地 址 的 页 面 。 当 了 王 地址 以 218.75 开头 时 ， 则 显示 欢迎 信 
否则 显示 非法 用 户 并 结束 访问 。 
(3) 设计 一 个 页 面 ， 当 客户 第 一 次 访问 时 ， 需 注册 姓名 、 性 别 等 信息 ， 然 后 把 客户 信息 
保存 到 Cookie 中 。 下 一 次 该 用 户 再 访问 时 ， 则 显示 “ 某 某 ， 您 是 第 XxX 次 光临 本 站 !”。 

(4) 编写 一 个 简易 的 聊天 室 ， 能 显示 发 言 人 姓名 、 发 言 内 容 、 发 言 时 间 、 总 访问 人 数 和 
当前 在 线 人 数 。 

(5) 设计 一 个 简易 的 在 线 考试 网 站 ， 包 括 单 选 题 、 多 选 题 。 单 选 题 有 XHTML 知识 的 题 
目 ， 如 XHTML 中 换行 的 元 素 是 让 

A. <p> B. <br/> C. <hr/> D. <a> 

(6) 编写 两 个 页 面 ， 在 第 一 个 页 面 中 由 用 户 输入 用 户 名 后 ， 把 用 户 名 保存 到 Session 中 。 
在 第 二 个 页 面 中 读 取 该 Session 信息 ， 并 显示 欢迎 信息 。 如 果 用 户 没 有 在 第 一 个 页 面 登录 就 
直接 访问 第 二 个 页 面 ， 则 将 页 面 重 定向 到 第 一 个 页 面 。 要 求 分 别 将 Session 状态 保存 到 
StateServer 和 SQL Server 中 。 

(7) 利用 Session 实现 一 个 简易 的 购物 车 。 

(8) 编写 一 个 页 面 ， 利 用 Profile 保存 和 获取 用 户 个 性 化 信息 。 


息 


8 
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数据 访问 


本 章 要 点 : 

了 解数 据 访问 的 方法 。 

掌握 管理 数据 库 的 方法 。 

掌握 LINQ 查询 表达 式 。 

掌握 使 用 数据 源 控件 实现 数据 访问 的 方法 。 

熟练 使 用 LINQ to SQL 和 LINQ to XML 进行 数据 访问 管理 。 


7.1 数据 访问 概述 


在 网 站 的 开发 过 程 中 ， 如何 存 取 数据 库 是 最 常用 的 部 分 。.NET Framework 提供 了 多 种 存 
取 数 据 库 的 方式 ,在 ASPNET 1.x 中 , 主要 使 用 ADO.NET 访问 数据 , 这 种 技术 在 ASPNET 4.5 
中 仍 被 支持 。ADO.NET 提供 了 用 于 完成 如 数据 库 连 接 、 查 询 数 据 、 插 入 数据 、 更 新 数据 和 
删除 数据 等 操作 的 对 象 。 主 要 包括 如 下 五 个 对 象 。 

。 Connection 对 象 一 一 用 来 连接 数据 库 。 

。 Command 对 象 一 一 用 来 对 数据 库 执行 SQL 命令 ， 如 查询 语句 。 

。 DataReader 对 象 一 一 用 来 从 数据 库 中 返回 只 读数 据 。 

。 DataAdapter 对 象 一 一 用 来 从 数据 库 中 返回 数据 ， 并 填充 到 DataSet 对 象 中 ,还 要 负责 

保证 DataSet 对 象 中 的 数据 和 数据 库 中 的 数据 保持 一 致 。 

。 DataSet 对 象 可 以 看 作 是 内 存 中 的 数据 库 。DataAdapter 对 象 将 数据 库 中 的 数据 传 

送 到 该 对 象 后 ， 就 可 以 进行 各 种 数据 操作 ， 最 后 再 利用 DataAdapter 对 象 将 更 新 的 数 
据 反 映 到 数据 库 中 。 

这 五 个 对 象 提供 了 两 种 读 取 数 据 库 的 方式 :一 是 利用 Connection\Command 和 DataReader 
对 象 ， 这 种 方式 只 能 读 取 数据 库 ， 二 是 利用 Connection、Command、DataAdapter 和 DataSet 
对 象 ， 这 种 方式 可 以 对 数据 库 进 行 各 种 操作 。 

在 ASPNET 2.0 中 ， 增 加 了 多 种 数据 源 控 件 和 数据 绑 定 控件 。 数 据 源 控 件 封装 所 有 获取 
和 处 理 数据 的 功能 ， 主 要 包括 连接 数据 源 、 使 用 Select、Update、Delete 和 Insert 等 SQL 语 
名 获取 和 管理 数据 等 。 数 据 绑 定 控件 通过 多 种 方式 显示 数据 。 结 合 使 用 数据 源 控件 和 数据 绑 
定 控件 ， 只 需要 设置 相关 属性 ， 几 乎 不 用 编写 任何 代码 即 能 存 取 数 据 库 ， 但 存在 数据 访问 不 
够 灵活 的 问题 。 

在 ASPNET 3.5 中 ， 引 入 了 一 种 新 技术 LINQ。 这 种 技术 使 得 查询 等 数据 访问 操作 完全 
与 .NET 语言 整合 ， 实 现 了 通过 .NET 语言 访问 数据 库 的 功能 。 而 ASPNET 4.0 进一步 扩展 了 
该 技术 ， 新 增 了 LINQ to Entities 数据 访问 方法 。 


党 - 辣 
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7.2 ”建立 SQL Server 2012 Express 数据 库 


SQL Server 2012 Express (SSE 2012) 是 Microsoft 开发 的 SQL Server 2012 系列 数据 库 管 
理 系统 中 的 免费 版 ， 适 用 于 学 习 用 途 及 中 小 型 企业 的 数据 库 开 发 应 用 。 若 需要 更 高 级 的 数据 
库 功能 ， 可 以 将 该 版 本 无 颖 地 升级 到 其 他 商用 版 。 

Microsoft 新 增 的 SQL Server 2012 Express LocalDB 是 比 SSE 2012 更 轻 量 级 的 版 本 , 目的 
是 在 Web 应 用 程序 开发 时 无 须 配置 即 可 使 用 数据 库 。 该 版 本 除 可 独立 安装 外 , 还 包含 于 VSEW 
2012 中 ,， 因 此， 安装 VSEW 2012 时 会 同时 安装 LocalDB， 并 且 在 VSEW 2012 中 访问 用 户 自 
建 的 数据 库 时 默认 使 用 LocalDB。LocalDB 主要 适用 于 开发 环境 ， 当 包含 LocalDB 数据 库 的 
Web 应 用 程序 发 布 到 IS 7.5 时 ， 需 要 更 改 用 于 访问 数据 库 的 连接 字符 串 ， 对 已 建立 的 数据 库 
则 不 必 更 改 。 

SSE 2012 可 以 到 Microsoft 的 官方 网 站 下 载 并 再 分 发 。 由 于 VSEW 2012 中 实现 用 户 角 色 
管理 、 个 性 化 网 站 等 功能 时 默认 使 用 SQLEXPRESS 方式 ， 因 此 ， 下 载 时 最 好 选择 以 
SQLEXPRWT 开头 命名 的 可 执行 文件 ， 其 中 包含 了 SQL Server Management Studio (SSMS ) 
管理 工具 和 运行 SQLEXPRESS 及 LocalDB 实例 所 需 的 系统 文件 。 

1， 连 接 字符 串 

连接 字符 串 包含 了 访问 数据 库 的 相关 信息 , 通常 存储 在 Web.config 文件 的 <connectionStrings> 
元 素 中 ， 并 且 需 要 根据 不 同类 型 的 数据 库 实 例 和 不 同 的 身份 验证 形式 进行 配置 。 

在 Microsoft 数据 库 管理 系统 中 ， 数 据 库 实 例 的 类 型 包括 SQL Server、SQLEXPRESS 和 
LocalDB 实例 。 这 些 不 同 的 实例 类 型 将 决定 连接 字符 串 中 的 Data Source 属性 值 。 例 如 ， 在 
VSEW 2012 中 ， 若 要 访问 SQLEXPRESS 实例 ， 则 需 将 Data Source 属性 值 设置 为 
“ \SQLEXPRESS ”; 若 要 访问 LocalDB 实例 ， 则 需 将 Data Source 属性 值 设置 为 
“(LocalDB)\v11.0”。 

SQL Server 数据 库 的 身份 验证 有 Windows 验证 和 SQL Server 验证 两 种 模式 。Windows 
验证 使 用 Windows 操作 系统 用 户 连 接 SQL Server, 常用 于 局 域 网 络 ; 而 SQL Server 验证 使 用 
SQL Server 中 注册 的 用 户 连接 SQL Server， 常 用 于 Internet 环境 。 

2. MyPetShop 数据 库 

本 书 使 用 一 个 包含 商品 分 类 、 商 品 、 供 应 商 、 订 单 等 信息 的 MyPetShop 数据 库 作为 示例 
数据 库 ， 其 中 数据 表 的 设计 及 各 字段 含义 等 内 容 请 读者 参考 15.2 节 。 具 体 建立 MyPetShop 
数据 库 的 操作 步骤 如 下 : 

(1) 在 VSEW 2012 中 打开 本 书 源 程序 包 中 的 MyPetShop.sql 文件 ， 呈 现 如 图 7-1 所 示 的 
SQL 工具 栏 。 


CB- ~ 中 -名 彰 -8? 加 | 
图 7-1 SQL 工具 栏 


(2) 单 击 图 7-1 中 的 加 按钮 ， 在 呈现 的 对 话 框 中 选择 服务 器 名 称 为 “(LocalDB)J\v11.0”， 
再 单 击 “ 连 接 ” 按 钮 连接 到 LocalDB 数据 库 服务 器 。 
(3) 单 击 图 7-1 中 的 四 按钮 执行 MyPetShop.sql 文件 中 的 SQL 语句 建立 MyPetShop 数据 
库 ， 其 中 包括 Category、Supplier、Product、Order 和 OrderItem 等 数据 表 及 示例 数据 ， 另 外 
还 包括 一 个 CategoryInsert 存储 过 程 。 
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注意 ; 在 VSEW 2012 中 建立 的 数据 库 默 认 属 于 LocalDB 数据 库 实例 并 且 排 序 规则 为 
SQL Latinl General CPl1 CI AS， 该 排序 规则 不 支持 中 文 输入 。 要 使 建立 的 数据 库 能 支持 中 
文 输 入 ， 在 利用 CREATE DATABASE 语句 建立 数据 库 时 必须 指定 参数 COLLATE 
Chinese PRC CI AS。 

数据 库 建 立 后 ， 通 过 SSMS 管理 工具 或 VSEW 2012 中 的 “数据 库 资源 管理 器 ”窗口 可 
方便 地 以 图 形 界面 或 SQL 语句 形式 实现 数据 库 的 管理 。 

于 访问 MyPetShop 数据 库 的 连接 字符 串 代码 如 下 : 


<add name="MyPetShopConnectionstring" 


connectionstring="Data Source=(LocalDB) \v11.0; 
AttachDbFilename=|DataDirectory|\MyPetShop.mdf; Integrated Security=True" 
providerName="System.Data.SqlClient" /> 


在 上 述 代码 中 ，name 属性 值 表示 连接 字符 串 的 名 称 ; connectionString 属性 值 表示 连接 
字符 串 的 内 容 ， 其 中 |DataDirectory| 表 示 网 站 的 App_Data 文件 夹 ，Integrated Security=True 表 
示 采 用 Windows 验证 模式 ;providerName 属性 值 表示 数据 提供 程序 的 名 称 。 


7.3 ”使 用 数据 源 控件 实现 数据 访问 


为 实现 从 不 同 的 数据 源 进行 数据 访问 的 功能 ，ASPNET 4.5 提供 了 多 种 不 同 的 数据 源 控 
件 ， 包 括 EntityDataSource 、LinqDataSource 、ObjectDataSource 、 SiteMapDataSource 、 
SqlDataSource、XmlDataSource。 其 中 ，EntityDataSource 用 于 访问 基于 实体 数据 模型 的 数据 ; 
LinqDataSource 利用 LINQ 技术 访问 数据 库 ; ObjectDataSource 用 于 访问 多 层 Web 应 用 程序 
体系 结构 中 的 中 间 层 业务 对 象 数据 ;，SiteMapDataSource 用 于 访问 XML 格式 的 网 站 地 图 文件 
Web.sitemap; SqlDataSource 用 于 访问 Access、 SQL Server、 SQL Server Express、 Oracle、ODBC 
数据 源 和 OLEDB 数据 源 ; XmlDataSource 用 于 访问 具有 “层次 化 数据 ”特性 的 XML 数据 源 。 

无 论 与 什么 样 的 数据 源 交互 ， 数 据 源 控件 都 提供 了 统一 的 基本 编程 模型 。 通 过 数据 源 控 
件 中 定义 的 各 种 事件 ,可 以 实现 Select、Update、Delete 和 Insert 等 数据 操作 。 需 要 注意 的 是 ， 
数据 源 控件 还 提供 了 数据 操作 前 后 的 事件 ， 可 以 编写 相关 事件 代码 实现 更 加 灵活 的 功能 ， 如 
数据 插入 操作 (Insert) 就 有 Insert0 方 法 ， 还 有 Inserting 和 Inserted 事件 。 其 中 Inserting 事件 
发 生 在 数据 插入 之 前 ， 而 Inserted 事件 发 生 在 数据 插入 之 后 。 

实例 7-1 利用 LinqDataSource 和 GridView 显示 表 数 据 
如 图 7-2 所 示 ，Category 表 的 数据 显示 利用 了 LinqDataSource 和 GridView 控件 。 


图 7-2 LinqDSGrid.aspx 浏览 效果 


源 程序 : LinqDSGrid.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LinqDSGrid.aspx.cs" 
Inherits="Chap7 LinqDsGrid" %> 
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…( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:GridView ID="gvCategory" runat="server" AutoGenerateColumns="False" 
DataSourceID="1dsCategory"> 
<Columns> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Category"> 
</asp:LinqDataSource> 
</div> 
</form> 


… (上 略 ) 


操作 步骤 : 

(1) 右 击 App_Code 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 
然后 在 呈现 的 对 话 框 中 选择 “LINQ to SQL 类 ”模板 , 输入 文件 名 MyPetShop.dbml, 单 击 “ 添 
加 ”按钮 建立 文件 。 

(2) 在 “解决 方案 资源 管理 器 ”窗口 中 双击 MyPetShop.mdf， 呈 现 “ 数 据 库 资源 管理 器 ” 
窗口 ， 展 开 “ 表 ” 将 所 有 数据 表 拖 动 到 MyPetShop.dbml 的 对 象 关系 设计 器 的 左 窗口 中 。 此 
时 ，VSEW 2012 会 自动 创建 相关 类 。 

(3) 在 Chap7 文件 夹 中 建立 LinqDSGrid.aspx。 添 加 LinqDataSource 和 GridView 控件 各 
一 个 ， 并 分 别 设置 控件 的 ID 属性 值 为 ldsCategory 和 gvCategory。 

(4) 单 击 ldsCategory 控件 的 智能 标记 ， 选 择 “配置 数据 源 ” 命 令 呈现 如 图 7-3 所 示 的 界 
面 。 选 择 MyPetShopDataContext。 单 击 “ 下 一 步 ” 按 钮 呈现 如 图 7-4 所 示 的 “配置 数据 选择 ” 
对 话 框 。 在 图 7-4 中 ， 可 选择 要 查询 的 数据 表 ， 可 设置 数据 的 分 组 形式 ， 单 击 “Where” 按 钮 
可 配置 查询 的 条 件 ， 单 击 “OrderBy” 按 钮 可 配置 查询 结果 的 排序 方式 。 最 后 ， 单 击 “ 完 成 ” 
按钮 结束 数据 源 配 置 。 此 时 ，VSEW 2012 会 自动 生成 相应 的 源 代码 。 

(5) 单 击 gvCategory 控件 的 智能 标记 ， 在 “选择 数据 源 ” 对 应 的 下 拉 列 表 框 中 选择 
ldsCategory， 此 时 ，VSEW 2012 会 自动 生成 相应 的 源 代码 。 

(6) 浏览 LinqDSGrid.aspx 查看 效果 。 
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图 7-3 “选择 上 下 文 对 象 ”对 话 杠 
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图 7-4 “配置 数据 选择 ”对 话 框 


7.4 ”使 用 LINQ 实现 数据 访问 


LINQ 集成 于 .NET Framework 4.5 中 ， 提 供 了 统一 的 语法 实现 多 种 数据 源 的 查询 和 管理 。 
它 与 NET 支持 的 编程 语言 整合 为 一 体 , 使 得 数据 的 查询 和 管理 直接 被 嵌入 在 编程 语言 的 代码 
中 ， 这 样 ， 就 能 充分 利用 VSEW 2012 的 智能 提示 功能 ， 并 且 编 译 器 也 能 检查 查询 表达 式 中 
的 语法 错误 。 

根据 要 访问 的 不 同 数据 源 ，LINQ 类 型 可 分 为 LINQ to Objects、LINQto XML 和 LINQ to 
ADONET。 其 中 LINQ to ADONET 又 分 为 LINQ to DataSet、LINQ to SQL 和 LINQ to 
Entities。 在 实际 应 用 中 ,LINQ to Objects 用 于 处 理 Array 和 List 等 集合 类 型 数据 ; LINQ to XML 
用 于 处 理 XML 类 型 数据 ; LINQ to DataSet 用 于 处 理 DataSet 类 型 数据 ; LINQ to SQL 用 于 处 
理 SQL Server 数据 库 类 型 数据 ; LINQ to Entities 用 于 处 理 实体 数据 模型 。 


7.4.1 LINQ 查询 表达 式 

LINQ 查询 表达 式 实现 了 如 何 访问 数据 的 操作 , 常 使 用 关键 字 为 var 的 隐形 变量 存放 返回 
的 数据 。 这 种 var 变量 可 以 不 明确 地 指定 数据 类 型 ， 但 编译 器 能 根据 变量 的 表达 式 推断 出 该 
变量 的 类 型 。 

LINQ 查询 表达 式 类 似 于 SQL 语句 ， 包 含 8 个 基本 子 句 ， 下 面 简要 介绍 它们 的 功能 。 


。 from 子 句 一 一 指定 查询 操作 的 数据 源 和 范围 变量 。 

eselect 子 句 指定 查询 结果 的 类 型 和 表现 形式 。 

。 where 子 句 一 一 指定 筛选 操作 的 逻辑 条 件 。 

。 group 子 句 对 查询 结果 进行 分 组 。 

。 orderby 子 句 对 查询 结果 进行 排序 。 

。 join 子 名 一 一 连接 多 个 查询 操作 的 数据 源 。 

。 let 子 名 一 一 创建 用 于 存储 查询 表达 式 中 的 子 表达 式 结果 的 范围 变量 。 

。 into 子 句 一 提供 一 个 临时 标识 符 ， 该 标识 符 可 以 在 join、group 或 select 子 句 中 补 


引用 。 
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查询 表达 式 必须 以 from 子 句 开始 ， 以 select 或 group 子 句 结束 ， 中 间 可 以 包含 一 个 或 多 
个 fom、where、orderby、group、join、let 等 子 句 。 


7.4.2 ”LINQ to SQL 概述 
LINQ to SQL 为 关系 数据 库 提供 了 一 个 对 象 模型 ， 即 将 关系 数据 库 映 射 为 类 对 象 。 开 发 


人 员 将 以 操作 对 象 的 方式 实现 对 数据 的 查询 、 修 改 、 插 入 和 删除 等 操作 。 表 7-1 给 出 了 SQL 
Server 数据 库 与 LINQ to SQL 对 象 之 间 的 映射 关系 。 


表 7-1 数据 库 与 对 象 间 的 映射 关系 表 


SQL Server 对 象 LINQ to SQL 对 象 
SQL Server 数据 库 DataContext 类 
表 实体 类 
属性 属性 
外 键 关系 关联 
存储 过 程 方法 


在 VSEW 2012 中 可 自动 建立 SQL Server 数据 库 与 LINQ to SQL 对 象 间 的 映射 关系 。 实 
例 7-1 已 给 出 了 建立 LINQ to SQL 类 MyPetShop.dbml 的 操作 步 又 。 

VSEW 2012 在 建立 MyPetShop.dbml 文件 的 同时 将 建立 MyPetShop.dbmllayout 和 
MyPetShop.designer.cs 文件 。 其 中 ，MyPetShop.dbml 定义 了 MyPetShop 数据 库 的 架构 。 
MyPetShop.dbml.layout 定义 了 每 个 表 的 布局 。MyPetShop.designer.cs 定义 了 自动 生成 的 类 ， 
包括 : 一 是 与 MyPetShop 数据 库 对 应 的 类 ， 该 类 派生 自 DataContext 类 并 以 
MyPetShopDataContext 命名 ; 二 是 以 MyPetShop 数据 库 中 各 表 的 表 名 作为 类 名 的 各 实体 类 。 

实体 类 通过 TableAttribute 类 的 Name 属性 描述 与 数据 表 的 映射 关系 。 如 下 例 表示 将 要 创 
建 的 Category 实体 类 映射 到 MyPetShop 中 的 Category 表 。 

[TableAttribute (Name="dbo.Category") ] 


实体 类 的 属性 通过 ColumnAttribute 类 映射 到 数据 库 表 的 属性 。 如 下 例 表示 将 要 创建 的 
CategoryId 属性 的 相关 信息 ， 该 属性 映射 到 Category 表 中 的 CategoryId 属性 。 


[ColumnAttribute (Storage="_ CategoryId", AutoSync=AutoSync.OnInsert, 
DbType="Int NOT NULL IDENTITY", IsPrimaryKey=true, IsDbGenerated=true)] 


在 实体 类 中 ， 通 过 AssociationAttribute 类 映射 数据 库 表 间 的 外 键 关 系 。 如 下 例 中 创建 的 
Category_Product 关联 实现 了 Category 表 中 的 CategoryId 属性 作为 Product 表 外 键 的 映射 。 
// Category 实体 类 中 的 定义 
[AssociationAttribute (Name="Category Product", Storage=" Product", 
ThisKey="CategoryId"， OtherKey="CategoryId")] 
// Product 实体 类 中 的 定义 
[AssociationAttribute (Name="Category Product", Storage=" Category", 


ThisKey="CategoryId"， OtherKey="CategorylId", IsForeignKey=true)] 


在 MyPetShopDataContext 类 中 ， 通 过 FunctionAttribute 类 将 数据 库 中 的 存储 过 程 映射 为 
对 应 的 方法 ， 并 通过 ParameterAttribute 类 将 存储 过 程 中 的 参数 映射 到 对 应 方法 的 参数 。 如 下 
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例 表 示 将 创建 的 CategoryInsert0 方 法 映射 到 数据 库 中 的 CategoryInsert 存储 过 程 。 
[FunctionAttribute (Name="dbo.CategoryInsert")] 
public int CategoryInsert( 
[ParameterAttribute (Name="Name", DbType="VarChar (80)")] string name, 
[ParameterAttribute (Name="Descn", DbType="VarChar(255)")] string descn) 


7.4.3 ”利用 LINQ to SQL 查询 数据 


1. 投影 

投影 实现 了 属性 的 选择 。 例 如 ， 原 来 Product 表 包 含 9 个 属性 ， 若 只 想 选 择 ProductId、 
CategoryId、Name 属性 ， 此 时 可 采用 select 子 句 通过 投影 操作 实现 。 投 影 后 的 结果 将 新 生成 
一 个 对 象 ， 该 对 象 通常 是 匿名 的 。 


实例 7-2 利用 LINQ to SQL 实现 投影 
本 实例 将 创建 包含 ProductId、CategoryId 和 Name 属性 的 匿名 对 象 。 


源 程序 : LinqSqlQuery.aspx.cs 中 的 bnProject_Click0 部 分 
protected void btnProject Click(object sender, EventArgs e) 


{ 
MyPetShopDataContext db = new MyPetShopDataContext(); // 定 义 类 实例 db 


var results = from r in db.Product 
select new 
{ 
r.ProductId, 
r.CategoryId, 
r.Name 
js 
gvProduct.DataSource = results;  // 将 LINQ 查询 结果 设置 为 gvProduct 的 数据 源 
gvProduct .DataBind(); // 显 示 数 据 源 中 的 数据 
下 


2. 选择 
选择 实现 了 记录 的 过 滤 ， 由 where 子 句 完成 。 


实例 7-3 利用 LINQ to SQL 实现 选择 
本 实例 将 选择 UnitCost>20 的 记录 。 


源 程序 ， LinqSqlQuery.aspx.cs 中 btmnSelect_ClickO 部 分 


protected void btnSelect_C1lick(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext () 7 
var results = from r in db.Product 
where r.UnitCost > 20 
select rr; 
gvProduct.DataSource = results; 
gvProduct .DataBind() > 
} 
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3. 排序 


实例 7-4 利用 LINQ to SQL 实现 排序 
本 实例 使 用 orderby 子 句 实现 价格 的 降序 排列 。 


源 程序 ，LinqSqlQuery.aspx.cs 中 的 btnOrder Click 0 部 分 
protected void btnOrder Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Product 


orderby r.UnitCost descending 
select r; 
gvProduct .DataSource = results; 
gvProduct .DataBind(); 
} 


4. 分 组 

分 组 使 用 group…by 子 句 。 与 原始 集合 不 同 , 分 组 后 的 结果 集合 将 采用 集合 的 集合 形式 。 
外 集合 中 的 每 个 元 素 包括 键 值 及 根据 该 键 值 分 组 的 元 素 集合 。 因 此 ， 要 访问 分 组 后 的 结果 集 
合 中 的 元 素 ， 必 须 使 用 嵌 套 的 循环 语句 。 外 循环 用 于 循环 访问 外 集合 中 的 每 个 元 素 〈 即 每 个 
组 )， 内 循环 用 于 循环 访问 内 集合 中 的 元 素 〈 即 每 个 组 中 的 元 素 )。 

若 要 引用 分 组 操作 的 结果 ， 可 以 使 用 into 子 句 创建 用 于 进一步 查询 的 标识 符 。 


实例 7-5 利用 LINQ to SQL 实现 分 组 
本 实例 根据 CategoryId 分 组 ， 并 显示 CategoryId 值 为 5 的 集合 。 


源 程序 : LinqSqlQuery.aspx.cs 中 的 bmGroup_Click 0 部 分 
protected void btnGroup Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
// 根 据 CategoryId 分 组 ， 再 将 结果 存 入 results 
var results = from r in db.Product 
group r by r.CategoryId; 
foreach (var g in results)//results 为 外 集合 ，g 为 外 集合 中 的 一 个 元 素 并 且 g 也 是 
// 一 个 集合 
{ 
if (g.Key == 5) // 获 取 键 值 等 于 5 的 外 集合 元 素 
{ 
var results2 = from r in g //r 为 键 值 等 于 5 的 组 中 的 一 个 元 素 
select r; 
gvProduct .DataSource = results2; 
gvProduct.DataBind(); 
} 
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5. 聚合 

聚合 主要 涉及 Count()、Max()、Min()、Average0 等 方法 。 当 使 用 Max()、 Min()、Average() 
等 方法 时 ， 参 数 常 使 用 Lambda 表达 式 。Lambda 表达 式 的 语法 格式 如 下 : 

(输入 参数 ) => {语句 块 } 

其 中 “输入 参数 ”可 以 为 室 、 一 个 或 多 个 。 当 输入 一 个 参数 时 ， 可 省 略 括号 ;:“=>” 称 
为 Lambda 运算 符 ， 读 作 goes to; 语句 块 表 示 Lambda 表达 式 的 结果 。 

当 把 Lambda 表达 式 应 用 于 Max()、Min()、Average() 等 聚合 方法 时 ， 编 译 器 会 自动 推断 
输入 参数 的 数据 类 型 。 


实例 7-6 利用 LINQ to SQL 实现 聚合 操作 
本 实例 根据 CategoryId 分 组 统计 每 组 的 个 数 ，ListPrice 的 最 大 值 、 最 小 值 和 平均 值 。 


源 程序 : LinqSqlQuery.aspx.cs 中 的 btnPolymerize_Click 0) 部 分 
protected void btnPolymerize Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Product 
group r by .CategoryId into g 
select new 
{ 
Key = g-Key; 
Count = g.Count ()， 
MaxPrice = g.Max(p => p.ListPrice), 
MinPrice = g.Min(p => p.ListPrice), 
AvgPrice = g.Average(p => p.ListPrice) 
}; 
gvProduct.DataSource = results; 
gvProduct .DataBind(); 
} 


6. 连接 
多 表 连 接 查 询 使 用 join 子 句 。 但 对 于 具有 外 键 约束 的 多 表 ， 可 以 直接 通过 引用 对 象 的 形 
式 进行 查询 ， 也 可 以 使 用 join 子 句 实现 。 


实例 7-7 利用 LINQ to SQL 实现 直接 引用 对 象 连接 
本 实例 通过 直接 引用 对 象形 式 查 询 产 品 的 分 类 名 称 。 


源 程序 : LinqSqlQuery.aspx.cs 中 的 btnQuote_Click 0 部 分 
protected void btnQuote Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 


var results = from r in db.Product 


select new 
{ 
r.ProductId, 


132 。 web 程序 设计 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


r.CategoryId, 
CategoryName = r.Category.Name // 直 接 引 用 Category 对 象 
}; 
gvProduct.DataSource = results; 
gvProduct .DataBind() > 
} 


实例 7-8 ”利用 LINQ to SQL 实现 join 连接 
本 实例 实现 与 实例 7-7 一 样 的 功能 ， 主 要 适用 于 连接 未 建立 外 键 关联 的 两 个 表 。 


源 程序 ，LinqSqlQuery.aspx.cs 中 的 btnJoin_Click 0 部 分 


protected void btnJoin Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from product in db.Product 
join category in db.Category on product.CategoryId equals 
category.CategoryId 
select new 
{ 
product .ProductId, 
product .CategoryId, 
CategoryName = category.Name 
}; 
gvProduct.DataSource = results; 
gvProduct .DataBind(); 
} 


7. 模糊 查询 
模糊 查询 应 用 广泛 ， 使 用 时 需 调 用 System.Data.Linq.SqlClient.SqlMethods.Like() 方 法 。 


实例 7-9 ”利用 LINQ to SQL 实现 模糊 查询 
本 实例 查询 商品 名 称 中 包含 fly 的 商品 。 


源 程序 : LinqSqlQuery.aspx.cs 中 的 btnFuzzy_Click 0 部 分 
protected void btnFuzzy Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Product 
where System.Data.Linqg.SqlClient .SqlMethods.Like (r.Name, "%fly%®") 
select rs 
gvProduct .DataSource = results; 
gvProduct .DataBind () > 
} 


7.4.4 ”利用 LINQ to SQL 管理 数据 


1. 插入 数据 
插入 数据 利用 InsertAllOnSubmit0 和 InsertOnSubmit0) 方 法 实现 ， 前 者 用 于 插入 实体 对 和 象 
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合 ， 后 者 用 于 插入 单个 实体 对 象 。 


实例 7-10 利用 LINQ to SQL 插入 数据 

本 实例 将 通过 文本 框 获取 Name 和 Descn 属性 的 值 ， 再 插入 到 Category 表 中 。 因 为 
Category 表 在 设计 时 已 将 CategoryId 属性 设置 为 会 自动 递增 的 标识 ， 所 以 在 插入 数据 时 不 需 
要 插入 CategoryId 属性 值 。 


源 程序 .LinqSqlManageData.aspx.cs 中 的 btmInsert_ClickO) 部 分 
protected void btnInsert Click(object sender, EventArgs e) 
» 
Category category = new Category(); // 建 立 Category 类 实例 category 
Category.Name = txtName.Text; 
category.Descn = txtDescn.Text; 
db.Category.InsertOnSubmit (category); //db 是 MyPetShopDataContext 类 实例 
db.SubmitChanges (); // 提 交 更 改 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvcategory 中 显示 最 新 结果 


源 程序 :LinqSqlManageData.aspx.cs 中 的 Bind0) 部 分 
protected void Bind() 
{ 
Var results = from r in db.Category 
select r; 
gvCategory.DataSource = results; 
gvCategory.DataBind(); 
} 


2. 修改 数据 
修改 数据 时 需要 根据 某 种 信息 找到 需要 修改 的 数据 ， 如 个 人 信息 的 修改 需 先 通过 身份 验 
证 ， 再 根据 身份 标识 获取 个 人 信息 实现 数据 的 修改 。 


实例 7-11 利用 LINQ to SQL 修改 数据 
本 实例 将 获取 根据 输入 的 CategoryId 确定 的 数据 ， 再 进行 修改 操作 。 因 为 CategoryId 是 
标识 ， 该 值 不 能 修改 。 


源 程序 ，LinqSqlManageData.aspx.cs 中 的 btnUpdate_ClickO 部 分 
protected void btnUpdate Click(object sender, EventArgs e) 
{ 


Var results = from r in db.Category 


where r.CategoryId == int.Parse (txtCategoryId.Text) 
select 1; 
if (results != null) 


{ 
foreach (Category r in results) 
{ 


r.Name = txtName.Text; 
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r.Descn = txtDescn.Text; 
} 
db.SubmitChanges (); 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 


} 


3. 有 删除 数据 
删除 数据 利用 DeleteAllonSubmit0 和 DeleteOnSubmit() 方 法 实现 ， 前 者 用 于 删除 实体 对 
象 集合 ， 后 者 用 于 删除 单个 实体 对 象 。 


实例 7-12 ”利用 LINQ to SQL 删除 数据 
本 实例 将 根据 输入 的 CategoryId 删除 数据 。 


源 程序 ， LinqSqlManageData.aspx.cs 中 的 btmDelete_ClickO 部 分 
protected void btnDelete Click(object sender, EventArgs e) 
{ 
var results = from r in db.Category 
where r.CategorylId == int.Parse (txtCategoryId.Text) 
select r; 
db.Category.DeleteAllOnSubmit (results); 
qb .SubmitChanges (); 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 
4. 存储 过 各 
要 使 用 原来 SQL Server 中 定义 的 存储 过 程 ， 需 要 在 建立 MyPetShop.dbml 时 将 存储 过 程 
拖 入 到 对 象 关系 设计 器 的 右 窗口 中 ， 然 后 ，VSEW 2012 会 自动 建立 与 存储 过 程 对 应 的 方法 。 
在 具体 使 用 存储 过 程 时 ， 只 要 调用 对 象 的 方法 就 可 以 了 。 


实例 7-13 利用 LINQ to SQL 调用 存储 过 程 
本 实例 将 利用 存储 过 程 实现 数据 插入 操作 。 首 先 在 MyPetShop 数据 库 中 建立 
CategoryInsert 存储 过 程 ， 之 后 在 MyPetShop.dbml 中 生成 对 应 的 CategoryInsert() 方 法 。 


源 程序 : 存储 过 程 CategoryInsert 
CREATE PROCEDURE dbo.CategoryInsert 
( 
@Name varchar (80), 
@Descn varchar (255) 
) 
AS 
INSERT INTO Category (Name,Descn) VALUES (@Name,@Descn); 
RETURN 


源 程序 : LinqSqlManageData.aspx.cs 中 的 btnProcedure_ClickO 部 分 


protected void btnProcedure Click(object sender, EventArgs e) 


{ 
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db.CategoryInsert (txtName.Text.ToString(), txtDescn.Text.ToString()); 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 
} 


7.4.5” ”LINQ to XML 概述 


使 用 LINQ to XML 可 以 在 .NET 编程 语言 中 处 理 XML 结构 的 数据 。 它 提供 了 新 的 XML 
文档 对 象 模型 并 支持 LINQ 查询 表达 式 。 它 将 XML 结构 文档 保存 到 内 存 中 ， 可 以 方便 地 实 
现 查 询 、 插 入 、 修 改 、 删 除 等 操作 。 

常用 的 LINQ to XML 类 包括 : 

。 XDocument 类 一 一 用 于 操作 XML 文档 。 调 用 其 Save() 方 法 可 建立 XML 文档 。 

。 XDeclaration 类 一 一 用 于 操作 XML 文档 中 的 声明 ， 包 括 版 本 、 编 码 等 。 

。 XComment 类 一 一 用 于 操作 XML 文档 中 的 注释 。 

。 XElement 类 一 一 用 于 操作 XML 文档 中 可 包含 任意 多 级 别 子 元 素 的 元 素 。 其 中 , Name 

属性 用 于 获取 元 素 名 称 ; Value 属性 用 于 获取 元 素 的 值 ，Load0 方 法 用 于 导入 XML 文 
档 到 内 存 ， 并 创建 XElement 实例 ;Save0 方 法 用 于 保存 XElement 实例 到 XML 文档 ; 
Attribute() 方 法 用 于 获取 元 素 的 属性 ; Remove0 方 法 用 于 删除 一 个 元 素 ; ReplaceNodes() 
方法 用 于 替换 元 素 的 内 容 SetAttributeValue0) 方 法 用 于 设置 元 素 的 属性 值 。 

。 XAttribute 类 一 一 用 于 操作 XML 元 素 的 属性 ， 是 一 个 与 XML 元素 关 联 的 “名 称 / 值 ”对 。 
7.4.6 利用 LINQ to XML 管理 XML 文档 

1. 创建 XML 文档 

创建 XML 文档 主要 利用 XDocument 对 象 。 在 建立 时 ， 要 按照 XML 文档 的 格式 ， 分 别 
把 XML 文档 的 声明 、 元 素 、 注 释 等 内 容 添加 到 XDocument 对 象 中 ， 再 用 Save() 方 法 保存 到 
Web 服务 器 硬盘 上 。 需 要 注意 的 是 ，Save0 方 法 必须 使 用 物理 路 径 。 


实例 7-14 ”利用 LINQ to XML 创建 XML 文档 
本 实例 创建 如 图 7-5 所 示 内 容 的 XML 文档 BookLinq.xml。 


http://localhest :1159/Chap?/BookLing xel S00 1 


GO to 1 了 到 BINx DR x| 


<?xml version="1.0" encoding="UTF-8" standalone="true"?> <| 
ook 示 例 --> 


<!--B 
- <Books> 
- <Book ID="100"> 
<BookName>ASP.NET 高 级 编程 </BookName> 
<Price>156</Price> 
</Book> 
- <Book ID="101"> 
<BookName> 精 通 LINQ 数 据 访问 </BookName> 
<Price>39.8</Price> 


<Price>41.6</Price> 
</Book> 
</Books> 


图 7-5 BookLinq.xml 浏览 效果 


源 程 序 ，LinqXml.aspx.cs 中 btnCreate ClickO 部 分 


protected void btnCreate Click(object sender, EventArgs e) 
{ 
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string xmlFilePath = Server.MapPath ("~/Chap7/BookLinqg.xml"); 
// 要 建立 的 XML 文件 路 径 
XDocument doc = new XDocument // 建 立 XDocument 类 实例 doc 
( 
new XDeclaration("1.0", "utf-8", "yes"), 
new XComment ("Book 示例 ")， 
new XElement ("Books", 
new XElement ("Book", 
new XAttribute("ID", "100"), 
new XElement ("BookName", "ASP.NET 高 级 编程 ") 二 
new XElement ("Price", 156) 
)， 
new XElement ("Book", 
new XAttribute("ID", "101"), 
new XElement ("BookName", "精通 LINQ 数据 访问 ") ， 
new XElement ("Price", 39.8) 
) ， 
new XElement ("Book", 
new XAttribute("ID", "102"), 
new XElement ("BookName"，"ASP.NET 4.5 教程 ")， 
new XElement ("Price", 41.6) 


外 


) 7 
doc.Save (xmlFilePath); // 保 存 到 XML 文件 
Response.Redirect ("~/Chap7/BookLinq.xml"); // 以 重 定向 方式 显示 BookLinqg.xml 
} 


2. 查询 XML 文档 
使 用 LINQ 查询 表达 式 可 方便 地 读 取 XML 文档 、 查 询 根 元 素 、 查 询 指 定名 称 的 元 素 、 
查询 指定 属性 的 元 素 、 查 询 指定 元 素 的 子 元 素 等 。 


实例 7-15 ”利用 LINQ to XML 查询 指定 属性 的 元 素 
本 实例 查询 BookName 元 素 值 为 “ASPNET 高 级 编程 ”的 元 素 ， 最 后 输出 该 元 素 的 属性 
值 、 下 一 级 子 元 素 BookName 和 Price 的 值 。 


源 程序 : LinqXmlaspx.cs 中 的 btnQuery_ClickO 部 分 
protected void btnQuery Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLing.xml"); 
XElement els = XElement.Load(xmlFilePath); // 导 入 XML 文件 
// 查 询 BookName 元 素 值 为 “ASP .NET 高 级 编程 ”的 元 素 
var elements = from el in els.Elements ("Book") 
where (string)el.Element ("BookName") == "ASP.NET 高 级 编程 " 


select el; 


foreach (XElement el in elements) 
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// 输 出 元 素 ID 属性 的 值 


Response.Write (el.Name + "的 ID 为 :" +el.Attribute("ID") .Value + "<br />"); 
// 输 出 BookName 元 素 的 值 

Response.Write(" 书 名 为 :" + el.Element ("BookName") .Value + "<br />"); 

// 输 出 Price 元 素 的 值 

Response.Write ("价格 为 :" + el.Element ("Price") .Value); 


. 


3. 插 人 元 素 
要 插入 元 素 首 先 需 建立 一 个 XElement 实例 ， 并 添加 相应 内 容 ， 再 利用 Add() 方 法 添加 到 
上 一 级 元 素 中 。 最 后 利用 Save0 方 法 保存 到 XML 文档 。 


实例 7-16 利用 LINQ to XML 插入 元 素 
本 实例 在 BookLinq.xml 文档 中 插入 一 个 新 元 素 。 


源 程序 ， LinqXmlaspx.cs 中 的 btnInsert_ClickO 部 分 
protected void btnInsert_Click(object sender, EventArgs e) 


{ 
string xmlFilePath = Server.MapPath ("~/Chap7/BookLinq.xml") 7 
XElement els = XElement.Load(xmlFilePath) > 
// 新 建 Book 元 素 
XElement el = new XElement 
("Book", 
new XAttribute ("ID", "104"), 
new XElement ("BookName"，"C# 高 级 编程 ")， 
new XElement ("Price", 119.8) 
) 7 
els.Add(el); // 添 加 Book 元 素 到 XElement 对 象 els 中 
els.Save (xmlFilePath); 
Response.Redirect ("~/Chap7/BookLinqg.xml"); 


} 
4. 修改 元 素 
要 修改 元 素 首先 需要 根据 关键 字 查找 到 该 元 素 ， 再 利用 SetAttributeValue() 方 法 设置 属性 
值 ，ReplaceNodes() 方 法 修改 元 素 的 内 容 。 最 后 利用 Save0 方 法 保存 到 XML 文档 。 
实例 7-17 利用 LINQ to XML 修改 元 素 
本 实例 修改 ID 属性 值 为 101 的 元 素 内 容 。 


源 程序 : LinqXmlaspx.cs 中 的 btnUpdate_ClickO 部 分 
protected void btnUpdate Click(object sender, EventArgs e) 


{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLinqg.xml"); 


XElement els = XElement .Load (xmlFilePath); 


Var elements = from el in els.Elements ("Book") 
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where el.Attribute("ID") .Value == "101" 
select el; 
foreach (XElement el in elements) 


{ 
el.SetAttributeValue ("ID"，"106"); // 设 置 ID 属 性 值 
// 修 改 Book 元 素 的 子 元 素 
el.ReplaceNodes 
( 
new XElement ("BookName"， "基于 C# 精 通 LINQ 数据 访问 ") ， 
new XElement ("Price", 45.9) 
); 
} 
els.Save (xmlFilePath); 
Response.Redirect ("~/Chap7/BookLinqg.xml"); 
} 


5. 删除 元 素 
要 删除 元 素 首先 需要 根据 关键 字 查找 到 该 元 素 ， 再 利用 Remove() 方 法 删除 元 素 ， 最 后 利 
用 Save0 方 法 保存 到 XML 文档 中 。 
实例 7-18 利用 LINQ to XML 删除 元 素 
本 实例 删除 ID 属性 值 为 102 的 元 素 。 


源 代 码 : LinqXml.aspx.cs 中 的 btnDelete_ClickO 部 分 
protected void btnDelete Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLinqg.xml"); 
XElement els = XElement .Load (xmlFilePath); 
Var elements = from el in els.Elements ("Book") 
where el.Attribute("ID") .Value == "102" 
select el; 
foreach (XElement el in elements) 
{ 
el .Remove (); // 删 除 一 个 节点 元 素 
} 
els.Save (xmlFilePath); 
Response.Redirect ("~/Chap7/BookLinqg.xml"); 


7.5 小 结 


本 章 主 要 介绍 了 建立 SSE 2012 数据 库 的 方法 , 以 及 利用 LINQ 技 术 实 现 数据 访问 的 方法 。 
LINQ 技术 与 编程 语言 整合 ， 将 数据 访问 与 LINQ 查询 表达 式 结合 ， 把 数据 作为 对 象 处 理 ， 
符合 数据 访问 技术 的 发 展 。 它 非常 简洁 地 实现 了 数据 查询 、 插 入 、 删 除 、 修 改 等 操作 。 实 际 
上 ,充分 理解 利用 LINQ 技术 ， 能 满足 任何 数据 访问 的 需求 ， 这 也 是 Microsoft 今后 用 于 数据 
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访问 的 主要 技术 。 


1. 填空 题 

(1) SQL Server 数据 库 的 验证 方式 包括 和 。 

(2) 连接 数据 库 的 信息 通常 保存 在 Web.config 文件 的 元 素 中 。 

(3) VSEW 2012 中 ， 若 要 访问 LocalDB 数据 库 实例 ， 则 需 将 Data Source 属性 值 设置 
为 

(4) 连接 字符 串 中 常 使 用 表示 网 站 的 App_Data 文件 夹 。 

(5)ASPNET 4.5 提供 的 数据 源 控件 包括 、 


o 


(6) 根 据 要 访问 的 不 同 数据 源 ,LINQ 类 型 可 分 为  、 、  、 、 

(7) 在 LINQ to SQL 中 ,将 SQL Server 数据 库 映 射 为 类 ， 表 映射 为 ， 存 
储 过 程 映 射 为 。 

2. 是 非 题 


(1) 包含 LocalDB 数据 库 的 网 站 能 发 布 到 IS 7.5 中 并 正常 运行 。 ( 
(2) 经 过 配置 ， 使 用 访问 SQLEXPRESS 数据 库 实例 的 方法 能 访问 LocalDB 数据 上 
实例 。 Le 
(3) 访问 LocalDB 和 SQLEXPRESS 数据 库 实例 的 连接 字符 串 是 一 样 的 。 ( 
(4) 利用 LINQ 查询 表达 式 可 建立 匿名 对 象 。 ( 
(5) LINQ 查询 表达 式 的 值 必须 要 指定 数据 类 型 。 ( 
(6) 在 LINQ 查询 中 ,使 用 group 子 句 分 组 后 ， 其 结果 集合 与 原 集合 的 结构 相同 。( 
(7) VSEW 2012 中 建立 的 数据 库 可 以 通过 “数据 库 资源 管理 器 ”窗口 进行 管理 。 ( 
3. 选择 题 
(1) 下 面 有 关 在 VSEW 2012 中 建立 数据 库 的 描述 中 错误 的 是 (  )。 
A. 数据 库 的 默认 排序 规则 是 Chinese PRC_CI AS 
B. 数据 库 默 认 属 于 LocalDB 数据 库 实例 
C. 数据 库 默认 不 支持 中 文 输入 
D. 能 将 数据 库 附加 到 SQLEXPRESS 数据 库 服 务 器 中 
(2) 下 面 有 关 LINQ to SQL 的 描述 中 错误 的 是 ( 。 )。 
A. LINQto SQL 查询 返回 的 结果 是 一 个 集合 
B. LINQ to SQL 可 处 理 任 何 类 型 数据 
C. 利用 LINQ to SQL 要 调用 SQL Server 中 定义 的 存储 过 程 只 需 调用 映射 后 的 方法 
D. LINQ to SQL 中 聚合 方法 的 参数 常 使 用 Lambda 表达 式 
(3) 下 面 有 关 LINQ to XML 的 描述 中 错误 的 是 ( 。 )。 
A. 可 插入 、 修 改 、 删 除 、 查 询 元 素 
B. 可 读 取 整个 XML 文档 
C. 不 能 创建 XML 文档 
D. 需要 导入 System.XmlLinq 命名 空间 


NM Ne NE Ne Ch NA WM 
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4. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 仿照 MyPetShop 数据 库 在 VSEW 2012 中 建立 TestMyPetShop 数据 库 ， 建 立 访问 
TestMyPetShop 数据 库 的 连接 字符 串 。 再 建立 一 个 测试 页 能 访问 和 管理 表 中 的 数据 。 

(3) 在 实例 7-5 的 “gvProduct.DataSource = results2;” 语 句 处 设置 断 点 ， 按 F5 键 启动 调 
试 ， 理 解 分 组 结果 。 

(4) 设计 一 个 查询 页 面 ， 利 用 LINQ to SQL 查询 商品 名 称 中 有 字符 c 且 价 格 在 30 元 以 
上 的 商品 。 

(5) 设计 后 台 管 理 页 面 ， 利 用 LINQ to SQL 添加 、 删 除 、 修 改 商 品 。 

(6) 使 用 存储 过 程 实现 第 (5)〉 题 的 功能 。 

(7) 利用 LINQ 技术 将 Product 表 转 换 成 XML 文档。 

(8) 利用 LINQ to XML 根据 文本 框 中 的 输入 值 添加 、 查 询 、 删 除 、 修 改 XML 元 素 。 

(9) 查找 资料 , 配置 一 个 以 SQL Server 用 户 方式 访问 SQLEXPRESS 数据 库 实例 的 网 站 ， 
使 得 该 网 站 能 发 布 到 IS 7.5 中 并 正常 运行 。 


oo 
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数据 绑 定 


本 章 要 点 : 

* 熟练 掌握 ListControl 类 控件 与 数据 源 的 绑 定 。 
* 熟练 掌握 GridView 控件 与 数据 源 的 绑 定 。 

。 掌握 DetailsView 控件 与 数据 源 的 绑 定 。 


8.1 数据 绑 定 概述 


数据 源 控件 和 LINQ 技术 实现 了 数据 访问 ， 而 要 把 访问 到 的 数据 显示 出 来 ， 就 需要 数据 
绑 定 控件 。 图 8-1 给 出 了 数据 绑 定 控件 对 应 类 的 继承 关系 的 层次 结构 。 


BaseDataBoundControl 


I 


DataBoundControl HierarchicalDataBoundControl 
Chart ListControl CompositeDataBoundControl TreeView 
AdRotator CheckBoxList DetailsView 
' Menu 
ListView DropDownList GridView 
ListBox FormView 


图 8-1 数据 绑 定 控件 对 应 类 的 继承 关系 的 层次 结构 


数据 绑 定 控件 若 与 数据 源 控 件 结合 显示 数据 , 则 需 设置 DataSourceID 属性 值 为 数据 源 控 
件 的 ID; 若 与 LINQ 技术 结合 ， 则 需 设置 DataSource 属性 值 为 LINQ 查询 结果 值 ， 并 调用 
DataBind() 方 法 显示 数据 。 


8.2 ListControl 类 控件 


ListControl 类 控件 使 用 频繁 ， 第 4 章 已 介绍 ListControl 类 控件 的 使 用 ， 本 节 主 要 介绍 如 
何在 ListControl 类 控件 中 显示 数据 库 数据 。 

在 ListControl 类 控件 中 , 与 数据 库 数 据 显示 有 关 的 属性 主要 包括 AppendDataBoundItems、 
DataSourceID 、DataSource 、DataTextField、DataValueField。 其 中 ，AppendDataBoundItems 
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用 于 将 数据 绑 定 项 追加 到 静态 声明 的 列表 项 上 ; DataTextField 绑 定 的 字段 用 于 显示 列表 项 ; 
DataValueField 绑 定 的 字段 用 于 设置 列表 项 的 值 。 


实例 8-1 结合 使 用 DropDownList 和 LINQ 显示 数据 
如 图 8-2 和 图 8-3 所 示 ，DropDownList 控件 中 显示 的 是 Category 表 的 Name 字段 值 ， 而 
列表 项 的 值 对 应 的 是 CategoryId 字段 值 。 


图 8-2 ”DropLinq.aspx 浏览 效果 (1) 图 8-3 DropLinq.aspx 浏览 效果 (2) 


源 程序 ， DropLinq.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DropLinq.aspx.cs" 
Inherits="Chap8_DropLinq" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:DropDownList ID="ddlCategory" runat="server" AppendDataBoundItems="True" 
AutoPostBack="True" DataTextField="Name" DataValueField="CategoryId" 
OnSelectedIndexChanged="ddlCategory_SelectedIndexChanged"> 
<asp:ListItem>- 请 选择 -</asp:ListItem> 
</asp:DropDownList> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (了 略 ) 


源 程序 : DropLinq.aspx.cs 
using System; 
using System.Linqg; 
public partial class Chap8 DropLinq : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Category 
select r; 
ddlCategory.DataSource = results; 
ddlCategory.DataBind(); 
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} 
protected void ddlCategory SelectedIndexChanged (object sender, EventArgs e) 
{ 
lblMsg .Text = "您 选择 的 CategoryId 为 : " + ddlCategory.SelectedValue; 
} 
} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 DropLinq.aspx。 添 加 DropDownList 和 Label 控件 各 一 个 。 
如 图 8-4 所 示 ， 设 置 DropDownList 控件 的 Items 属性 。 其 他 属性 设置 请 参考 源 代 码 。 

(2) 建立 DropLinq.aspx.cs。 最 后 ， 浏 览 DropLinq.aspx 进行 测试 。 


图 8-4 设置 Items 属性 


程序 说 明 : 

页 面 载 入 时 触发 Page.Load 事件 ， 执 行 Page_ Load() 方 法 代码 。 若 为 首次 载 入 ， 则 利用 
LINQ 技术 查询 Category 表 ， 再 将 查询 结果 绑 定 到 ddlCategory 控件 。 当 选择 一 个 列表 项 后 ， 
触发 SelectedImdexChanged 事件 ， 执 行 对 应 的 事件 处 理 代 码 ， 显 示 选 中 列表 项 的 CategoryId 
字段 值 。 

实例 8-2 ”根据 选择 项 填充 列表 框 内 容 

如 图 8-5 所 示 ， 当 选择 单 选 按钮 对 应 的 商品 分 类 名 称 时 ， 在 列表 框 中 显示 该 分 类 中 的 所 

有 商品 名 称 。 


http://localhost-1159/Chsp8/EdoL1 St0159 00 
Ge 1 PHB ls x lhost 


C Fish © Backyard C Birds C Bugs © Endangered © Cats 
Ant 
Butterfy 


图 8-5 RdoListLinq.aspx 浏览 效果 


源 程序 : RdoListLinq.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RdoListLinq.aspx.cs" 
Inherits="Chap8 RdoListLinq" 和 > 
… ( 咯 ) 
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<form id="forml" runat="server"> 
<div> 
<asp:RadioButtonList ID="rdoltCategory" runat="server" AutoPostBack="True" 
DataTextField="Name" DataValueField="CategoryId" RepeatDirection="Horizontal" 
OnSelectedIndexChanged="rdoltCategory SelectedIndexChanged"> 
</asp:RadioButtonList> 
<asp:ListBox ID="lstProduct" runat="server" DataTextField="Name" 
DataValueField="ProductId"></asp:ListBox> 
</div> 
</form> 


… (上 略 》 


源 程序 ，RdoListLinq.aspx.cs 
using System; 
using System.Linq; 
public partial class Chap8 RdoListLinq : System.Web.UI.Page 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
protected void Page Load(object sender, EventArgs e) 
{ 
// 页 面 首次 载 入 时 查询 Category 表 并 将 查询 结果 绑 定 到 rdoltCategory 
if (!IsPostBack) 
{ 
Var results = from r in db.Category 
select r; 
rdoltCategory.DataSource = results; 
rdoltCategory.DataBind(); 


} 
protected void rdoltCategory SelectedIndexChanged (object sender, EventArgs e) 


// 查 询 Product 表 中 CategoryId 字 段 值 与 选中 单 选 按钮 对 应 的 Category 表 中 CategoryId 
// 字 段 值 相同 的 记录 
var results = from r in db.Product 
where r.Categoryld == int.Parse (rdoltCategory.SelectedValue) 
select r; 
lstProduct .DataSource = results; 
lstProduct .DataBind() > 


8.3 ”GridView 控件 


GridView 控件 用 于 显示 二 维 表格 式 的 数据 ， 可 以 方便 地 实现 数据 绑 定 、 分 页 、 排 序 、 行 
选择 、 更 新 、 删 除 等 功能 。 
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8.3.1 分 页 和 排序 


要 实现 分 页 功能 需要 设置 AllowPaging 属性 值 为 Tue。 分 页 的 效果 可 在 PagerSettings 属 
性 集合 中 设置 。 例 如 ， 用 于 设置 分 页 类 型 的 Mode 属性 ， 用 于 设置 “第 一 页 ”按钮 图 片 URL 
的 FirstPageImageUrl 属性 等 。 要 实现 排序 功能 需要 设置 AllowSorting 属性 值 为 True。 


实例 8-3 ”分 页 和 排序 GridView 中 数据 
如 图 8-6 所 示 ， 单 击 标题 栏 中 的 字段 能 按 该 字段 实现 排序 功能 ， 用 户 选 择 每 页 显示 条 数 
后 可 改变 GridView 中 显示 的 记录 数 ， 同 时 显示 当前 的 页 码 和 总 页 数 。 


> ht “p 日 4 xX 草 分 页 和 排序 cciayiee 中 数据 x 加 | 
Productld|CategorvId|ListPrice|UnitCostlSuppld| Name | Descn Image 


1 1 1210 Ni40 小 eno eno |~Prod_Images/Fish/meno gif |100 
E 1 2850 R550 下 |EucalypmsjEucalyptus|- Prod_Images Fish /eucalyptus gif100| 
卓 9 2340 i140 li Am [Am Prod Images Bugsantgif |100 
PP 2470 上 220 下 |Bumeriy [Bunerfly |-Prod_Images Bugs/burterfly gif |100| 
6 3 3850 720 | ca ca -Brod_Images Backyard/cat gif |100 
12 


每 页 显示 [5 可 条 记录 当前 页 为 第 1 页 ， 


图 8-6 ”GridPageSort.aspx 浏览 效果 


源 程序 ，GridPageSort.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="GridPageSort.aspx.cs" 
Inherits="Chap8_GridPageSort" %> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:GridView ID="gvProduct" runat="server" AllowPaging="True" 
AllowSorting="True" AutoGenerateColumns="False" 
DataKeyNames="ProductId" DataSourceID="ldsProduct" 
PageSize="5" OnRowDataBound="gvProduct RowDataBound"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" 


InsertVisible="False" Readonly="True" 
SortExpression="ProductId" /> 

<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" 
SortExpression="CategoryId" /> 

<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" 
SortExpression="ListPrice" /> 

<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" 
SortExpression="UnitCost" /> 

<asp:BoundField DataField="SuppId" HeaderText="SuppId" 
SortExpression="SuppId" /> 

<asp:BoundField DataField="Name" HeaderText="Name" 
SortExpression="Name" /> 

<asp:BoundField DataField="Descn" HeaderText="Descn" 


SortExpression="Descn" /> 
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<asp:BoundField DataField="Image" HeaderText="Image" 
SortExpression="Image" /> 
<asp:BoundField DataField="Qty" HeaderText="Qty" SortExpression="Qty" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product"> 
</asp:LinqDataSource> 
每 页 显示 
<asp:DropDownList ID="ddlPageSize" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="ddlPageSize SelectedIndexChanged"> 
<asp:ListItem>5</asp:ListItem> 
<asp:ListItem>10</asp:ListItem> 
</asp:DropDownList> 
条 记录 gnbsp; gnbsp;<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，GridPageSort.aspx.cs 
using System; 
using System.Web.UI.WebControls; 
public partial class Chap8 GridPageSort : System.Web.UI.Page 
{ 
protected void ddlPageSize SelectedIndexChanged (object sender, EventArgs e) 
{ 
gvProduct .PageSize = int.Parse(ddlPageSize.SelectedValue); 
gvProduct .DataBind(); 
} 
protected void gvProduct RowDataBound (object sender, GridViewRowEventArgs e) 
{ 
lblMsg .Text = "当前 页 为 第 " + (gvProduct.PageIndex + 1) .ToString() + "页 ， 共有 " 
+ (gvProduct.PageCount) .ToString() + "页 "; 


} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridPageSortaspx。 添 加 GridView、DropDownList、Label 
和 LinqDataSource 控件 各 一 个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 配置 LinqDataSource 控件 的 数据 源 为 Product 表 。 

(3) 参考 源 程序 设置 GridView 的 AllowPaging、AllowSorting、DataSourceID、PageSize 
等 属性 以 及 其 他 控件 的 属性 。 

(4) 建立 GridPageSort.aspx.cs。 最 后 ， 浏 览 GridPageSort.aspx 进行 测试 。 

程序 说 明 : 

页 面 载 入 时 ，GridView 根据 设置 的 每 页 显示 条 数 显 示 结 果 。 
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当 用 户 选择 每 页 显示 条 数 后 ， 触 发 SelectedIndexChanged 事件 ， 执 行 对 应 的 事件 处 理 代 


码 后 改变 GridView 的 PageSize 属性 值 ， 再 重新 绑 定数 据 。 

GridView 的 RowDataBound 事件 在 对 行进 行 数据 绑 定 后 被 触发 ， 因 此 ， 当 改变 当前 页 或 
改变 每 页 显示 条 数 时 都 会 触发 该 事件 。 此 时 ， 获 取 GridView 的 PageIndex 属性 值 即 为 当前 页 
码 ， 但 要 注意 PageIndex 的 编号 从 0 开始 ; 获取 PageCount 属性 值 即 为 总 页 数 。 

8.3.2 ”定制 数据 绑 定 列 


GridView 为 开发 人 员 提 供 了 灵活 的 列 定制 功能 ， 如 增加 复 选 框 列 、 显 示 图 片 列 等 。 在 使 


用 该 功能 时 ， 需 要 设置 AutoGenerateColumns 属性 值 为 False。 实 际 上 ，GridView 中 的 每 一 列 


都 是 一 个 DataControlField 类 ， 并 从 该 类 派生 出 不 同类 型 的 子 类 。 表 8-1 给 出 了 GridView 中 
不 同类 型 的 绑 定 列 。 


类 型 
BoundField 


CheckBoxField 
CommandField 


DynamicField 
TmageField 


HyperLinkField 


ButtonField 


TemplateField 


用 


用 
用 


用 
用 


用 


表 8-1 GridView 中 不 同类 型 的 数据 绑 定 列 对 应 表 
说 明 
于 显示 普通 文本 内 容 。 其 DataField 属性 用 于 设置 绑 定 的 数据 列 名 称 ，HeaderText 


属性 用 于 设置 表 头 的 列 名 称 ， 如 将 原来 为 英文 的 字段 名 用 中 文 显示 


于 显示 布尔 类 型 数据 
于 创建 命令 按钮 列 。 其 ShowEditButton、ShowDeleteButton、ShowCancelButton 和 


ShowSelectButton 等 属性 用 于 设置 是 否 显示 对 应 类 型 的 按钮 


于 绑 定 动态 数据 列 
于 显示 图 片 列 。 其 DataImageUrlField 属性 用 于 设置 绑 定 图 片 路 径 的 数据 列 ， 


DataImageUrlFormatString 属性 用 于 设置 图 片 列 中 每 个 图 片 的 URL 的 格式 


于 显示 超 链 接 列 。 其 DataTextField 属性 将 绑 定 的 数据 列 显 示 为 超 链接 的 文字 ， 


DataNavigateUrlFields 属性 将 绑 定 的 数据 列 作为 超 链接 的 URL 地 址 ; 
DataNavigateUrlFormatString 属性 用 于 设置 超 链 接 列 中 每 个 链接 的 格式 

定义 按钮 列 ， 与 CommandField 列 不 同 的 是 : ButtonField 所 定义 的 按钮 与 GridView 
没有 直接 关系 ， 可 以 自 定义 相应 的 操作 

以 模板 的 形式 自 定义 数据 列 


实例 8-4” 自 定义 GridView 数据 绑 定 列 


如 图 8-7 所 示 ，GridView 呈现 Product 表 的 部 分 数据 ， 其 中 表 头 信息 以 中 文 表示 ， 显 示 
图 片 的 列 为 ImageField 列 。 


图 8-7 GridBound.aspx 浏览 效果 


源 程序 : GridBound.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridBound.aspx.cs" 
Inherits="Chap8_ GridBound" %> 


… ( 略 ) 
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<form id="forml" 


<div> 


runat="server"> 


<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="False" 
DataSourceID="1dsProduct"> 
<Columns> 
<asp:BoundField DataField="ProductId"” HeaderText=" 商 品 编号 "” /> 
<asp:BoundField DataField="ListPrice" HeaderText=" 商 品 单价 " /> 
<asp:BoundField DataField="Name" HeaderText=" 商 品名 称 ” /> 
<asp:ImageField DataImageUrlField="Image" HeaderText=" 商 品 图 片 "> 
<ControlStyle Height="25px" Width="35px" /> 
</asp: ImageField> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product"> 
</asp:LinqDataSource> 
</div> 
</form> 


… ( 略 ) 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridBound.aspx。 添加 GridView 和 LinqDataSource 控件 各 一 
个 ， 参 考 源 程 序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 LinqDataSource 控件 的 数据 源 为 Product 表 。 

(3) 参考 源 程序 设置 GridView 的 DataSourceID 属性 值 。 如 图 8-8 所 示 ， 设 置 Columns 
属性 。 在 图 8-8 中 ， 可 根据 需要 添加 不 同类 型 的 列 ， 再 对 添加 的 列 分 别 设置 属性 。 最 后 ， 浏 
览 GridBound.aspx 查看 效果 。 


司 用 字段 他 ) 


由 BoundField < 
CheckBoxField | 
3 me 和 
国 BattonFisld AccessibleHeaderText 
外国 CommandField 日 数据 
并 Toplatefisla | DataField ProduetId 
十 6 ER | 
选 定 的 字段 入 ; FooterText 
NesderInseelrI 
人 下 慌 2 一 
量 商 品 图 片 bg Ss 
厂 自动 生成 字段 加 接收 室 所 转 扩 为 Teatlatagisla 
— ww | 
图 8-8 设置 Columns 属性 
程序 说 明 : 
本 实例 使 用 的 Product 表 的 Image 字段 存储 了 对 应 图 片 的 路 径 ， 此 时 要 在 GridView 中 显 
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示 图 片 ， 只 需 设 置 ImageField 列 的 DataImageUrlField 属性 值 为 字段 名 Image 即 可 , 但 车 在 数 
据 库 中 存储 图 片 信息 时 仅 存储 了 图 片 的 文件 名 ， 则 还 需 配 合 使 用 DataImageUrlFormatString 
属性 。 例 如 ， 假 设 图 片 统一 存放 在 网 站 根 文件 夹 下 的 Images 文件 夹 ，Image 字段 存储 的 是 图 
片 的 文件 名 ， 则 要 能 正确 地 显示 图 片 ， 相 关 属 性 应 设置 如 下 : 


<asp:ImageField DataImageUrlField="Image" HeaderText=" 图 片 " 


DataImageUrlFormatSstring="~\Images\{0}"> 
</asp:ImageField> 


其 中 {0} 在 页 面 浏 览 时 会 被 DatalmageUrlField 属性 设置 的 Image 字段 值 代替 。 
8.3.3 ”使 用 模板 列 

在 实际 工程 中 ， 仅 使 用 标准 列 常 不 能 满足 要 求 ， 如 在 GridView 中 以 DropDownList 形式 
提供 数据 输入 , 在 编辑 字段 时 提供 数据 验证 功能 等 。 通过 使 用 模板 列 能 很 好 地 解决 这 些 问题 。 

在 创建 TemplateField 时 ， 需 根据 不 同 状态 和 位 置 的 行 提供 不 同 的 模板 ， 如 图 8-9 所 示 。 
不 同类 型 模板 说 明 如 表 8-2 所 示 。 


厂 全 选 | 商 品 编号 商品 分 类 编号 商品 单价 品名 称 商品 库存 | + HeaderTemplate 
口 1 1 12.10 IMeno 100 编 缉 十 ItemTemplate 
FC 2 1 28.50 [Eucalyptus 100 编辑 。 十 AlternatingltemTemplate 
口 3 [Backyard ”到 [23.40 nt 100 更新 取 溢 |- EditltemTemplate 
CD kk 2 2470 [Butterfly 100 编辑 
口 3 38.50 |Cat 100 编辑 
十 FooterTemplate 
12 十 PagerTemplate 


图 8-9 各 种 类 型 的 模板 


表 8-2 TemplateField 中 不 同类 型 的 模板 说 明 表 


模 板 说 了 明 
AlternatingItemTemplate 为 交 蔡 项 指定 要 显示 的 内 容 
EditItemTemplate 为 处 于 编辑 的 项 指定 要 显示 的 内 容 
FooterTemplate 为 脚注 项 指定 要 显示 的 内 容 
HeaderTemplate 为 标题 项 指定 要 显示 的 内 容 
ItemTemplate 为 TemplateField 列 指定 要 显示 的 内 容 
PagerTemplate 为 页 个 项 指定 要 显示 的 内 容 


其 中 ，AltematingItemTemplate 需 与 femTemplate 配合 使 用 。 若 未 设置 AltematingItemTemplate， 
则 GridView 的 所 有 数据 行 都 以 ItemTemplate 显示 ; 若 已 设置 AlternatingItemTemplate， 
则 GridView 中 的 奇数 数据 行 以 ItemTemplate 显示 ， 偶 数 数据 行 以 AlternatingItemTemplate 
显示 。 

在 为 各 种 不 同类 型 的 模板 中 添加 内 容 时 ， 常 使 用 不 同 的 数据 绑 定 方法 Eval0 和 Bind0)。 
其 中 ，Eval0 用 于 单 向 (只 读 ) 绑 定 ， 而 Bind0 用 于 双向 〈 可 更 新 ) 绑 定 。 这 些 方法 在 使 用 时 
需要 包含 在 <%#…%> 中 。 实 际 上 ， 在 .aspx 文件 中 ， 通 过 <%#…%> 还 可 绑 定 变量 、 集 合 、 表 
达 式 等 。 例如, 若 name 是 在 .aspx.cs 文件 中 定义 的 公共 变量 , 则 在 .aspx 文件 中 使 用 <%# name 
%> 并 通过 在 .aspx.cs 文件 中 调用 Page.DataBind() 方 法 后 即 能 在 浏览 页 面 中 显示 name 变量 值 。 
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实例 8-5 ”运用 GridView 模板 列 
如 图 8-10 所 示 ， 复 选 框 列 和 “商品 分 类 编号 ” 列 为 模板 列 。 


口 全 选 商 品 编号 商品 分 类 编号 


GE 1 
o bb 1 
ms] 3 [Backyard 
口上 
EE 3 


图 8-10 GridTemplate .aspx 浏览 效果 


源 程序 : GridTemplate.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="GridTemplate.aspx.cs" 
Inherits="Chap8_ GridTemplate" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:GridView ID="gvProduct" runat="server" AllowPaging="True" 
AutoGenerateColumns="False" DataKeyNames="ProductId" 
DataSourceID="1dsProduct" PageSize="5"> 
<Columns> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:CheckBox ID="chkItem" runat="server" /> 
</ItemTemplate> 
<HeaderTemplate> 
<asp:CheckBox ID="chkAll" runat="server" AutoPostBack="True" 
Text=" 全 选 " OnCheckedChanged="chkAll CheckedChanged" /> 
</HeaderTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="ProductId" HeaderText=" 商 品 编号 " 
InsertVisible="False" ReadOonly="True" /> 
<asp:TemplateField HeaderText=" 商 品 分 类 编号 "> 
<ItemTemplate> 
<asp:Label ID="lblCategorylId" runat="server" 
Text="'<$%# Bind("CategoryId") %>'></asp:Label> 
</ItemTemplate> 
<EditItemTemplate> 
<asp:DropDownList ID="ddlCategory" runat="server™" 
DataSourceID="ldsCategory" DataTextField="Name" 
DataValueField="CategorylId" 
SelectedValue="'<%$# Bind("CategoryId") %>'> 
</asp:DropDownList> 
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<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Category"> 
</asp:LinqDataSource> 
</EditItemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="ListPrice" HeaderText=" 商 品 单价 " /> 
<asp:BoundField DataField="Name" HeaderText=" 商 品名 称 " /> 
<asp:BoundField DataField="Qty" HeaderText=" 商 品 库存 " /> 
<asp:CommandField ShowEditButton="True" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" EnableUpdate="True" 
TableName="Product"> 
</asp:LinqDataSource> 
<asp:Button ID="btnSubmit" runat="server" Text=" 确 定 " 
OnClick="btnSubmit Click" /> 
<asp:Label ID="lblProductId" runat="server"></asp:Label> 
</div> 
</form> 


0 ( 略 ) 


源 程序 ，GridTemplate.aspx.cs 
using System; 
using System.Web.UI.WebControls; 
public partial class Chap8 GridTemplate : System.Web.UI.Page 
{ 
protected void chkAll CheckedChanged (object sender, EventArgs e) 
{ 
// 获 取 GridView 标题 行 中 的 chkal1 对 象 
CheckBox chkAll = (CheckBox) sender; 
foreach (GridViewRow gvRow in gvProduct.Rows) 
{ 
// 获 取 GridView 数据 行 中 的 chkItem 对 象 
CheckBox chkItem = (CheckBox)gvRow.FindControl ("chkItem"); 
chkItem.Checked = chkAll.Checked; 


} 
protected void btnSubmit Click(object sender, EventArgs e) 
{ 
lblProductId.Text = "您 选择 的 ProductId 为 : "; 
foreach (GridViewRow gvRow in gvProduct .Rows) 
{ 
CheckBox chkItem = (CheckBox)gvRow.FindControl ("chkItem"); 


ES Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


if (chkItem.Checked) 
{ 
lblProductId.Text += gvRow.Cells[1].Text + "、"; 
} 
} 
} 
. 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridTemplate.aspx。 添 加 GridView、LinqDataSource、Button 
和 Label 控件 各 一 个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 LinqDataSource 控件 的 数据 源 为 Product 表 ， 再 设置 EnableUpdate 属性 值 为 
True 后 绑 定 到 GridView。 

(3) 在 设置 GridView 的 Columns 属性 对 话 框 中 ， 添 加 一 列 带 编辑 、 更 新 和 取消 的 
CommandField 及 一 列 TemplateField， 调 整 TemplateField 列 位 置 ， 再 将 CategoryId 列 转换 为 
TemplateField 。 

(4) 单 击 GridView 的 智能 标记 ， 选 择 “ 编 辑 模板 ”一 “Column[0]” 选 项 ， 呈 现 如 图 8-11 
所 示 的 界面 。 在 ItemTemplate 和 HeaderTemplate 内 容 区 各 添加 CheckBox 控件 一 个 ， 参 考 源 
程序 设置 各 控件 属性 。 
(5) 选择 “Column[2]- 商 品 分 类 编号 ” 选项 ， 呈 现 如 图 8-12 所 示 的 界面 。 在 ItemTemplate 
内 容 区 中 ， 设 置 Label 控件 的 ID 属性 。 在 EditItemTemplate 内 容 区 中 ， 删 除 原来 的 TextBox 
控件 , 添加 DropDownList 和 LinqDataSource 控件 各 一 个 , 参考 源 程序 设置 各 控件 的 ID 属性 。 
设置 LinqDataSource 数据 源 为 Category 表 并 绑 定 到 DropDownList。 其 中 DropDownList 中 显 
示 的 数据 字段 为 Name， 值 的 数据 字段 为 CategoryId (属于 Category 表 )。 单 击 DropDownList 
控件 的 智能 标记 ， 选 择 “编辑 DataBindings” 选 项 ， 呈 现 如 图 8-13 所 示 的 界面 。 在 图 8-13 
中 输入 自 定 义 绑 定 代码 表达 式 Bind("CategoryId") 将 SelectedValue 属性 绑 定 到 CategoryId( 属 
于 Product 表 )， 单 击 “ 确 定 ” 按 钮 完成 绑 定 。 

(6) 建立 GridTemplate.aspx.cs 文件 。 最 后 ， 浏 览 GridTemplate.aspx 进行 测试 。 


evProduet ~ Colwn[O] Erfroduet - Colwn[2] - 商品 分 类 编号 
TtenTenplate ItenTenplate 

口 [chkItem] [lblCategoryId] 

[Mternatingl tenTenplate NternatingltenTenplate 


EditItenTemplate EditItenTemplate 


LinghataSource - 1dsCategory 


HeaderTenplate HeaderTenplate 


口 全 选 


图 8-11 “Column[0]” 模 板 编辑 界面 图 8-12 “Column[2]- 商 品 分 类 编号 ”模板 编辑 界 盏 
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选择 要 时 证 属性， 然后 可 遂 过 选择 字 段 未 绑 定 它 。 也 可 使 用 自 证 义 代码 表达 式 绪 证 它 。 


为 saeeteayalue 乡 定 
(4 


天 到 国 (= 
相 式 人 0 | | 
3 
太 吉 5 搞 及 冲 
人 自主 X 幸 证 忆 ; 
代码 表达 式 全 
Fin CCategoryId”) 
ta 的 — ws | 


图 8-13 ”编辑 DataBindings 界面 


程序 说 明 : 

chkAll CheckedChanged(0 方 法 将 GridView 数据 行 中 所 有 复 选 框 的 状态 设置 为 与 
GridView 标题 行 中 复 选 框 相同 的 状态 。bmSubmit_Click0 方 法 获取 所 有 选中 商品 的 编号 。 

在 模板 列 中 不 能 直接 访问 各 模板 中 的 控件 , 需 使 用 FindControl0 方 法 在 GridView 控件 的 
GridViewRow 对 象 中 找到 后 才能 访问 这 些 控件 。 


8.3.4 利用 GridView 编辑 、 删 除数 据 


单 击 GridView 的 智能 标记 ， 选 择 “ 启 用 编辑 ”和 “启用 删除 ”选项 ， 可 提供 编辑 和 删除 
数据 功能 。 当 然 ， 绑 定 至 GridView 的 数据 源 控件 也 要 提供 更 新 、 删 除 功能 。 这 时 ， 当 用 户 单 
击 “ 删 除 ” 链 接 按钮 时 系统 不 会 给 出 提示 信息 就 直接 删除 表 中 数据 ， 这 样 容 易 导 致 误 操 作 。 
这 种 问题 可 以 通过 添加 JavaScript 代码 解决 。 


实例 8-6 为 GridView 中 “删除 ”链接 按钮 添加 客户 端 提示 信息 
如 图 8-14 所 示 ， 当 用 户 单 击 “ 删 除 ”链接 按钮 试图 删除 某 行 数据 时 系统 将 给 出 提示 信息 
让 用 户 确认 。 


ee 司 
[Backyard 
lBids >】 您 让 要 旺季 分 关 名 为 [tx8 记 录 137 
jaue 全 强 | 

EE 


| 一 只 | ms | 


图 8-14 GridDelete.aspx 浏览 效果 


源 程序 ，GridDelete.aspx 部 分 代码 

<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="GridDelete.aspx.cs" 
Inherits="Chap8_ GridDelete" $> 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 

<asp:GridView ID="gvCategory" runat="server" AutoGenerateColumns="False" 

DataKeyNames="Categoryld" DataSourceID="ldsCategory" 
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OnRowDataBound="gvCategory RowDataBound"> 
<Columns> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" 
InsertVisible="False" ReadOnly="True" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:CommandField ShowEditButton="True"” HeaderText=" 编 辑 " /> 
<asp:CommandField HeaderText=" 删 除 " ShowDeleteButton="True" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" EnableDelete="True" 
EnableUpdate="True" TableName="Category"> 
</asp:LinqDataSource> 
</div> 
</form> 


… ( 略 ) 


源 程序 : GridDelete.aspx.cs 
using System.Web.UI.WebControls; 
public partial class Chap8 GridDelete : System.Web.UI.Page 
{ 
protected void gvCategory RowDataBound (object sender, GridViewRowEventArgs e) 
{ 
if (e.Row.RowType == DataControlRowType.DataRow)  // 判 断 数 据 行 
{ 
try 
{ 
// 获 取 “ 人 删除 ”链接 按钮 
LinkButton lnkbtnDelete = (LinkButton)e.Row.Cells[4] .Controls[0]; 
// 添 加 JavaScript 代码 实现 客户 端 信息 的 提示 
lnkbtnDelete.OnClientClick = "return confirm(' 您 真 要 删除 分 类 名 为 " 
+ e.Row.Cells[1] .Text + "的 记录 吗 ?');"; 
, 
catch 


, 
// 若 try 块 有 异常 ， 则 不 做 任何 操作 


} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridDelete.aspx。 添加 LinqDataSource 和 GridView 控件 各 一 
个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 LinqDataSource 控件 的 数据 源 为 Category 表 ， 再 设置 EnableDelete 和 
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EnableUpdate 属性 值 为 Tme， 最 后 绑 定 到 GridView。 

(3) 在 设置 GridView 的 Columns 属性 对 话 框 中 ， 添 加 两 列 CommandField， 其 中 一 列 为 
“编辑 、 更 新 、 取 消 ” 列 ， 另 一 列 为 “删除 ” 列 。 

(4) 建立 GridDelete.aspx.cs 文件 。 最后， 浏览 GridDelete.aspx 进行 测试 。 

程序 说 明 : 

Category 表 中 的 CategoryId 字段 为 主键 ， 该 信息 包含 于 GridView 的 DataKeyNames 属性 
中 。 另 外 ，CategoryId 字段 已 设置 为 标识 ， 该 字段 值 会 自动 生成 ， 不 能 被 编辑 ， 因 此 ， 该 字 
段 对 应 的 绑 定 列 应 设置 InsertVisible="False" 有 ReadOnly="True"。 

GridView 的 RowDataBound 事件 在 数据 被 分 别 绑 定 到 行 时 触发 。 由 于 单 击 “ 编 辑 ” 链 接 
按钮 后 ,“ 删 除 ” 链 接 按钮 将 消失 ， 此 时 就 不 能 获取 “删除 ”链接 按钮 对 象 ， 所 以 通过 使 放 
try…catch 结构 使 得 用 户 单 击 “ 编 辑 ” 链 接 按钮 时 将 执行 catch 块 中 的 操作 (catch 块 为 裤 ， 因 
此 不 做 任何 操作 )。 事 件 处 理 代码 中 的 eRow 返回 “删除 ”链接 按钮 的 所 在 行 对 象 。RowType 
返回 GridView 中 行 的 类 型 ， 值 包括 DataRow (数据 行 )、Footer (脚注 行 )、Header (标题 行 )、 
EmptyDataRow【〈 空 行 )、Pager 〈 导 航行 ) 和 Separator 〈 分 隔 符 行 ) 共 六 种 类 型 。Cells 集合 
返回 指定 行 中 的 所 有 单元 格 对 象 ，Controls 集合 返回 指定 单元 格 中 的 所 有 控件 对 象 。 


实例 8-7 ”结合 GridView 和 独立 页 修改 数据 
如 图 8-15 和 图 8-16 所 示 ， 当 单 击 “ 修 改 ” 链 接 后 ， 在 另 一 个 独立 的 页 面 中 修改 对 应 行 
的 数据 。 


[Categoryidl| Name | Descn 
IFish 


E 
加 


P Backyard |Backyard ”| 修改 | 
B lBirds |Bards 盯 改 | 
了 Bugs [Bugs 眶 故 | 
5 
1 


Endangered|Endangered | 修改 | 
十 点 像 老虎 


|Cats 


图 8-15 ”GridUpdate.aspx 浏览 效果 图 8-16 ”独立 页 修改 数据 界面 


源 程序 ，GridUpdate.aspx 部 分 代码 
<%@ Page Language="C#" RARAutoEventWireup="true" CodeFile="GridUpdate.aspx.cs" 
Inherits="Chap8_GridUpdate" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:GridView ID="gvCategory" runat="server" AutoGenerateColumns="False"> 
<Columns> 
<asp:BoundField DataField="CategorylId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:HyperLinkField DataNavigateUrlFields="CategoryId" 
DataNavigateUrlFormatSstring="~/Chap8/Update.aspx?CategoryId={0}" 
Text=" 修 改 "” /> 
</Columns> 
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</asp:GridView> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，GridUpdate.aspx.cs 


using System; 
using System.Linq; 
public partial class Chap8 GridUpdate : System.Web.UI.Page 
protected void Page Load(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Category 
select rs; 
gvCategory.DataSource = results; 
gvCategory.DataBind(); 


源 程序 ，Update.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Update.aspx.cs" 
Inherits="Chap8 Update" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
分 类 ID: <asp:TextBox ID="txtCategoryId" runat="server"></asp:TextBox><br /> 
分 类 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
描述 : <asp:TextBox ID="txtDescn" runat="server" TextMode="MultiLine"> 
</asp:TextBox><br /> 
<asp:Button ID="btnUpdate" runat="server"” Text=" 修 改 " 
OnClick="btnUpdate Click" /> 
</div> 
</form> 


… ( 略 ) 


源 程序 ，Update.aspx.cs 
using System; 
using System.Linqg; 
public partial class Chap8 Update : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
! 
if (!IsPostBack & Request.QueryString["CategoryId"] != null) 
{ 
int categoryId = int.Parse (Request.QueryString["CategoryId"]); 
MyPetShopDataContext db = new MyPetShopDataContext (); 
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// 获 取 要 修改 的 记录 对 象 

var category = (from r in db.Category 
where LI-CategoryId == categoryId 
Select r) .First(); 

// 分 类 编号 是 标识 ， 不 能 更 改 

txtCategoryId.ReadOonly = true; 

txtCategoryId.Text = category.CategoryId.ToString(); 

txtName.Text = category.Name; 


txtDescn.Text = category.Descn; 


} 
protected void btnUpdate Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var category = (from r in db.Category 
where r.CategoryId == int.Parse (txtCategoryId.Text) 
select r) .First(); 
category.Name = txtName.Text; 
category.Descn = txtDescn.Text; 
db .SubmitChanges () ; 
Response.Redirect ("~/Chap8/GridUpdate.aspx"); 


} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridUpdate.aspx。 添 加 一 个 GridView 控件 ， 参 考 源 程序 分 
别 设置 ID 和 AutoGenerateColumns 属性 值 。 

(2) 在 设置 GridView 的 Columns 属性 对 话 框 中 ， 添 加 三 列 BoundField 和 一 列 
HyperLinkField， 参 考 源 程序 设置 各 列 的 属性 。 

(3) 建立 GridUpdate.aspx.cs 文件 。 

(4) 在 Chapg 文件 夹 中 建立 Update.aspx, 参考 源 程序 添加 各 个 控件 并 设置 各 控件 属性 值 。 

(5) 建立 Update.aspx.cs 文件 。 最 后 ， 浏 览 GridUpdate.aspx 进行 测试 。 

程序 说 明 : 

GridUpdate.aspx 页 面 首次 载 入 时 利用 LINQ 技术 查询 Category 表 并 将 结果 绑 定 到 
gvCategory。HyperLinkField 列 的 DataNavigateUrlFormatString 属性 值 确定 了 目标 URL 的 格 
式 ， 其 中 {0} 在 页 面 浏览 时 会 被 DataNavigateUrlFields 对 应 的 字段 值 代替 。 因 此 ， 若 单 击 
CategoryId 值 为 13 所 在 行 的 “修改 ”链接 后 , 页 面 跳 转 到 ~/Chap8/Update.aspx?CategoryId=13， 
其 中 {0} 已 被 CategoryId 值 所 代替 。 

在 Update.aspx 页 面 首次 载 入 且 查 询 字符 串 中 的 CategoryId 值 非 空 时 , 利用 LINQ 技术 根 
据 查 询 字 符 串 中 的 CategoryId 值 查询 要 修改 的 记录 ， 再 将 该 记录 中 各 字段 的 值 显示 在 对 应 的 
文本 框 中 。 当 用 户 完 成 修改 单 击 图 8-16 中 的 “修改 ”按钮 后 ,利用 LINQ 技术 根据 txtCategoryId 
中 的 CategoryId 值 查询 要 修改 的 记录 ， 再 根据 txtName 和 txtDescn 文本 框 中 的 值 修改 对 应 的 
属性 ， 最 后 将 修改 结果 提交 到 数据 库 进 行 保存 。 
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8.3.$S 显示 主 从 表 


需要 显示 主 从 表 的 情形 常 与 数据 库 中 的 “一 对 多 ”联系 对 应 ， 如 一 种 商品 分 类 包含 多 种 
商品 , 一 个 供应 商 供应 多 种 商品 等 。 这 种 情形 在 数据 库 中 根据 规范 化 理论 应 该 设计 成 多 张 表 ， 
要 显示 多 张 表 就 涉及 表 的 同步 问题 。 例 如 ， 若 使 用 一 个 GridView 显示 商品 分 类 表 ， 那么 当选 
择 某 种 商品 分 类 时 ， 另 一 个 GridView 能 同步 显示 该 商品 分 类 中 包含 的 所 有 商品 。 

显示 主 从 表 根 据 实际 需求 可 分 为 在 同一 页 或 不 同 页 两 种 情况 。 


实例 8-8 ”在 同一 页 显示 主 从 表 
如 图 8-17 所 示 ， 当 单 击 “ 选 择 ” 链 接 按钮 时 ,“ 从 表 ” 中 将 显示 “ 主 表 ” 中 不 同 商品 分 
类 包含 的 所 有 商品 。 


主 从 表 - Tindows Internet Ezplores =Io| x 
DONE /298 | x] 
主 表 
|CategoryId Name | Descn 
1 Fish ish ”| 浇 择 | 
2 Backyard|Backyard| 选 择 | 
3 Birds ”|Birds ”| 透 至 
12 
从 表 
[ProductIdlCategoryIdlListPrice|UnitCost|SuppId| Name | 
1 1 1210 |1140 |1 eno 
2 1 28.50 J25.50 |1 |Eucalyptus|> 
| 2 


图 8-17 GridMainSub.aspx 浏览 效果 


源 代 码 : GridMainSub.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="GridMainSub.aspx.cs" 
Inherits="Chap8_ GridMainSsub" %> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
主 表 
<asp:GridView ID="gvCategory" runat="server" AllowPaging="True" 
AutoGenerateColumns="False" DataKeyNames="CategoryId" 
DataSourceID="ldsCategory" PageSize="3"> 
<Columns> 
<asp:BoundField DataField="CategorylId" HeaderText="CategoryId" 
InsertVisible="False" ReadOonly="True" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:CommandField ShowSelectButton="True" /> 
</Columns> 
</asp:GridView> 


从 表 
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<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="False" 
DataKeyNames="ProductId" DataSourceID="ldsProduct"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" 
InsertVisible="False" ReadOnly="True" /> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" /> 
<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" /> 
<asp:BoundField DataField="Suppld" HeaderText="SuppId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:BoundField DataField="Image" HeaderText="Image" /> 
<asp:BoundField DataField="Qty" HeaderText="Qty" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Category"> 
</asp:LinqDataSource> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product" 
Where="CategoryId == Q@CategoryId"> 
<WhereParameters> 
<asp:ControlParameter ControlID="gvCategory" DefaultValue="1" 
Name="CategoryId" PropertyName="SelectedValue" Type="Int32" /> 
</WhereParameters> 
</asp:LinqDataSource> 
</div> 
</form> 


… (上 略 ) 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridMainSub .aspx。 添加 GridView 和 LinqDataSource 控件 各 
两 个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 ldsCategory 控件 的 数据 源 为 Category 表 并 绑 定 到 gvCategory 控件 。 单 击 
gvCategory 控件 的 智能 标记 ， 选 择 “ 启 用 选 定 内 容 ” 选 项 。gvCategory 控件 的 其 他 属性 设置 
请 参考 源 程序 。 

(3) 设置 ldsProduct 控件 的 数据 源 为 Product 表 ， 如 图 8-18 所 示 配 置 Where 表达 式 。 配 
置 完 成 后 再 将 ldsProduct 绑 定 到 gvProduct 控件 。 最 后 ， 浏 览 GridMainSub.aspx 进行 测试 。 

程序 说 明 : 

当 单 击 “ 选 择 ” 链 接 按钮 时 ，gvCategory.SelectedValue 属性 返回 选择 行 所 对 应 的 主键 
CategoryId 值 ， 再 将 该 值 传递 给 1dsProduct 中 查询 语句 的 参数 @CategoryId。 


-篇 


8-18 ”ldsProduct 控件 中 “配置 Where 表达 式 ” 对 话 框 


实例 8-9 在 不 同 页 显示 主 从 表 
如 图 8-19 和 图 8-20 所 示 ， 当 单 击 CategoryId 列 中 的 链接 时 ， 在 另 一 个 页 面 显示 该 商品 
分 类 中 包含 的 所 有 商品 。 


IEEIEORTTIEDTT 


Vindows Internet Exzplorer 


图 8-19 在 不 同 页 显示 主 从 表 (1) 图 8-20 在 不 同 页 显示 主 从 表 (2) 


源 程序 : GridMain.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="GridMain.aspx.cs" 
Inherits="Chap8_ GridMain" %> 
“《 咯 》 
<form id="forml" runat="server"> 
<div> 
主 表 
<asp:GridView ID="gvCategory" runat="server" 
AutoGenerateColumns="false"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields="CategoryId" 
DataNavigateUrlFormatString="~/Chap8/GridSub.aspx?CategoryId={0}" 
DataTextField="Name" HeaderText="CategoryId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 


《上 略 》 
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源 程序 : GridMain aspx.cs 


using System7 
using System.Linqg; 
public partial class Chap8 GridMain : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
if (!IsPostBack) 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Category 
select r; 
gvCategory.DataSource = results; 


gvCategory.DataBind(); 


源 程 序 ，GridSub.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridSub.aspx.cs" 
Inherits="Chap8_ GridSub" %> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
从 表 
<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="false"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" /> 
<asp:BoundField DataField= 
<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" /> 
<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" /> 
<asp:BoundField DataField="SupplId" HeaderText="SuppId" /> 
<asp:BoundField DataField= 
<asp:BoundField DataField= 


CategoryId" HeaderText="CategoryId" /> 


Name" HeaderText="Name" /> 


Descn" HeaderText="Descn" /> 

<asp:ImageField DatalImageUrlField="Image" HeaderText="Image"> 
<ControlStyle Height="25px" Width="35px" /> 
</asp:ImageField> 
<asp:BoundField DataField="Qty" HeaderText="Qty" /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 


…( 略 ) 
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源 程序 .GridSub.aspx.cs 


using System; 
using System.Linqg; 
public partial class Chap8 GridSub : System.Web.UI.Page 


{ 
protected void Page Load (object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Product 
where r.CategoryId == int.Parse (Request.QueryString 
["CategoryId"]) 
select r; 
gvProduct .DataSource = results; 
gvProduct .DataBind(); 
} 
} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridMain.aspx。 添 加 一 个 GridView 控件 ， 参 考 源 程序 分 别 
设置 ID 和 AutoGenerateColumns 属性 值 。 

(2) 在 设置 gvCategory 控件 的 Columns 属性 对 话 框 中 ,添加 一 列 HyperLinkField 和 两 列 
BoundField， 参 考 源 程序 分 别 设置 各 列 的 属性 。 

(3) 建立 GridMain.aspx.cs 文件 。 

(4) 在 Chap8 文件 夹 中 建立 GridSub.aspx。 添 加 一 个 GridView 控件 ， 参 考 源 程序 分 别 设 
团 ID 和 AutoGenerateColumns 属性 值 。 

(5) 在 设置 gvProduct 控件 的 Columns 属性 对 话 框 中 ， 添 加 八 列 BoundField 和 一 列 
ImageField， 参 考 源 程序 分 别 设置 各 列 的 属性 。 

(6) 建立 GridSub.aspx.cs 文件 。 最后， 浏览 GridMain.aspx 进行 测试 。 

程序 说 明 : 
当 单 击 “ 主 表 ” 页 面 中 的 链接 时 ， 相 应 的 查询 字符 串 传递 到 “从 表 ” 页 面 ， 再 根据 其 中 
的 CategoryId 值 利用 LINQ 技术 查询 Product 表 ， 并 将 查询 结果 绑 定 到 gvProduct 进行 显示 。 


8.4 DetailsView 控件 


DetailsView 控件 以 表格 形式 显示 和 处 理 来 自 数据 源 的 单条 记录 , 其 表格 只 包含 两 个 数据 
列 。 一 个 数据 列 逐 行 显示 各 字段 名 ， 另 一 个 数据 列 显示 对 应 字段 名 的 数据 值 。 与 GridView 相 
比较 ，DetailsView 增加 了 数据 插入 的 功能 。 


实例 8-10 ”结合 GridView 和 DetailsView 管理 数据 
如 图 8-21 所 示 , 当 单 击 GridView 中 “详细 资料 ”链接 按钮 后 , 在 DetailsView 中 显示 “ 详 
细 资 料 ” 链 接 按 钮 所 在 行 对 应 的 记录 的 详细 信息 ,然后 在 DetailsView 中 可 根据 需要 进行 编辑 、 
删除 、 新 建 记录 等 操作 。 
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图 8-21 GridDetails .aspx 浏览 效果 


源 程 序 ， GridDetails.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="GridDetails.aspx.cs" 
Inherits="Chap8 GridDetails" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<table> 
<EE> 
<td class="tdStyle"> 
<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="False" 
DataKeyNames="ProductId" DataSourceID="1dsGrid"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:CommandField SelectText=" 详 细 资 料 " ShowSelectButton="True" /> 
</Columns> 
</asp:GridView> 
</td> 
<td> 
<asp:DetailsView ID="dvProduct" runat="server" AutoGenerateRows="False" 
DataKeyNames="ProductId" DataSourceID="1dsDetails" 
HeaderText=" 详 细 资 料 " OnItemDeleted="dvProduct ItemDeleted" 
OnItemInserted="dvProduct ItemInserted"> 
<Fields> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" 
InsertVisible="false" /> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 


<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" /> 
<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" /> 
<asp:BoundField DataField="SuppId" HeaderText="SuppId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:BoundField DataField="Image" HeaderText="Image" /> 
<asp:BoundField DataField="Qty" HeaderText="Qty" /> 
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" 
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ShowInsertButton="True" /> 
</Fields> 
</asp:DetailsView> 
</td> 
< 
</table> 
<asp:LinqDataSource ID="ldsGrid" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product"> 
</asp:LinqDataSource> 
<asp:LinqDataSource ID="ldsDetails" runat="server" 
ContextTypeName="MyPetShopDataContext" EnableDelete="True" 
EnableInsert="True" EnableUpdate="True" TableName="Product" 
Where="ProductId == @ProductId"> 
<WhereParameters> 
<asp:ControlParameter ControlID="gvProduct" DefaultValue="1" 
Name="ProductId" PropertyName="SelectedValue" Type="Int32" /> 
</WhereParameters> 
</asp:LinqDataSource> 
</div> 
</form> 


… ( 略 ) 


源 程序 : GridDetails.aspx.cs 
using System.Web.UI.WebControls; 
public partial class Chap8 GridDetails : System.Web.UI.Page 
{ 
protected void dvProduct ItemDeleted (object sender, DetailsViewDeletedEventArgs e) 
{ 
gvProduct .DataBind(); 
} 
protected void dvProduct ItemInserted (object sender, DetailsViewInsertedEventArgs e) 
{ 
gvProduct .DataBind (); 
} 
' 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridDetails.aspx。 插 入 一 个 用 于 页 面 布局 的 1 行 2 列表 格 。 
在 两 个 单元 格 中 分 别 添加 一 个 GridView 控件 和 一 个 DetailsView 控件 。 在 表格 外 添加 两 个 
LinqDataSource 控件 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 ldsGrid 控件 的 数据 源 为 Product 表 并 绑 定 到 gvProduct 控件 。 选 择 gvProduct 
的 “启用 选 定 内 容 ” 选 项 。 在 gvProduct 的 Columns 属性 设置 对 话 框 中 删除 其 他 绑 定 字段 ， 
仅 保留 ProductId 和 Name 列 。 

(3) 设置 ldsDetails 控件 的 数据 源 为 Product 表 ， 如 图 8-22 所 示 配 置 Where 表达 式 。 配 
置 完成 后 再 将 ldsDetails 绑 定 到 dvProduct 控件 。 单 击 DetailsView 的 智能 标记 ， 选 择 “启用 
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插入 ”、“ 启 用 删除 ”和 “启用 编辑 ”选项 。 


配置 There 表达 式 21x| 
向 Where 表达 式 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 多 数 化 的 值 。 多数 化 的 值 在 运行 时 根据 其 属性 获取 值 。 


ba 
图 值 移 肉 加 ) 
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图 8-22 ”ldsDetails 控件 中 “配置 Where 表达 式 ” 对 话 框 


(4) 建立 GridDetails.aspx.cs。 最 后 ， 浏 览 GridDetails.aspx 进行 测试 。 

程序 说 明 : 

ItemDeleted 事件 在 删除 记录 后 被 触发 ， 此 时 ， 需 要 重新 刷新 gvProduct 中 的 数据 。 
ItemInserted 事件 在 插入 记录 后 被 触发 ， 此 时 ， 需 要 重新 刷新 gvProduct 中 的 数据 。 


8.5 小 结 


本 章 介 绍 了 ListControl 类 、GridView 和 DetailsView 等 数据 绑 定 控件 的 使 用 。 

ListControl 类 提供 了 以 列表 显示 数据 的 形式 ;， GridView 提供 了 以 二 维 表格 显示 数据 的 形 
式 ; DetailsView 提供 了 以 单条 记录 显示 数据 的 形式 。 熟 练 掌握 这 些 数 据 绑 定 控件 能 胜任 绝 大 
部 分 数据 显示 的 情形 。 
当然 ， ASPNET 4.5 还 提供 了 其 他 的 多 种 数据 绑 定 控件 。 如 能 显示 多 条 记录 的 ListView。 
与 GridView 相 比 ，ListView 的 数据 显示 完全 通过 模板 实现 。 若 掌握 了 GridView 中 模板 列 的 
操作 , 再 学 习 ListView 不 会 有 困难 。 又 如 完全 使 用 模板 的 数据 列表 控件 DataList, 与 GridView 
中 模板 针对 某 一 列 不 同 的 是 ，DataList 的 模板 针对 某 一 行进 行 设置 。 还 有 显示 单条 记录 的 
FormView， 其 数据 显示 也 是 完全 通过 模板 实现 的 。 


8.6 习 题 
1. 填空 题 
(1) 数据 绑 定 控件 通过 属性 与 数据 源 控件 实现 绑 定 。 


(2) 数据 绑 定 控件 通过 属性 与 LINQ 查询 返回 的 结果 实现 绑 定 。 

(3) ListControl 类 控件 中 的 属性 用 于 将 数据 绑 定 项 追加 到 静态 声明 的 列表 项 上 。 
(4) GridView 的 属性 确定 是 否 分 页 。 

(5) 在 自 定 义 GridView 的 数据 绑 定 列 时 ， 必 须 设置 属性 值 为 False。 
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(6) 若 设 置 了 ImageField 列 的 属性 DataImageUrlFormatStrineg="~/Pic/{0}"， 其 中 的 {0} 
由 属性 值 确定 。 


(7) 模板 列 中 实现 数据 绑 定时 ， 方法 用 于 单 向 绑 定 ， 方法 用 于 双向 绑 定 。 
(8) 实现 不 同 页 显示 主 从 表 常 利用 传递 数据 。 


2. 是 非 题 
(1) 需要 调用 Page.DataBind0 方 法 才能 在 页 面 上 使 用 <%# loginName %> 显 示 loginName 
变量 值 。 
(2) GridView 中 内 置 了 插入 数据 的 功能 。 
(3) 在 模板 列 中 可 添加 任何 类 型 的 控件 。 
(4) 模板 列 中 的 绑 定 方法 必须 写成 <%Eval("Name")%> 或 <%Bind("Name")%> 形 式 。 
(5) 经 过 设置 ，DetailsView 能 同时 显示 多 条 记录 。 
3. 选择 题 
(1) 如 果 和 希望 在 GridView 中 显示 “上 一 页 ”和 “下 一 页 ”的 导航 栏 ， 则 PagerSettings 
属性 集合 中 的 Mode 属性 值 应 设 为 (€ ) 。 
A. Numeric B. NextPrevious C. NextPrev DD 让 一 页 ; 下 一 页 
(2) 如 果 要 对 定制 数据 列 后 的 GridView 实现 排序 功能 , 除 设置 GridView 的 AllowSorting 
属性 值 为 True 外， 还 应 设置 ( ) 属性 。 
A. SortExpression  B. Sort C. SortField D. DataFieldText 
(3) 利用 GridView 和 DetailsView 显示 主 从 表 数 据 时 ，DetailsView 中 插入 了 一 条 记录 需 
要 刷新 GridView， 则 应 把 GridView 中 DataBind() 方 法 的 调用 置 于 〈  》 事 件 处 理 代码 中 。 


a nN 
YY 


A. GridView 的 ItemInsering B. GridView 的 ItemInserted 
C. DetailsView 的 ItemInserting D. DetailsView 的 ItemInserted 
4. 上 机 操作 题 


(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 如 图 8-23 所 示 ， 当 在 DropDownList 中 选择 不 同 的 商品 分 类 后 ， 显 示 该 分 类 中 包含 
的 所 有 商品 。 


GOle .pl x 


Fm 一 辐 

IProductId|CategoryId|ListPricel UnitCost/Suppld| Name Descn 

1 1 12.10 |1140 |1 IMeno IMeno 

2 1 28.50 R550 |1 |Eucalyptus|Eucalyptus| 


图 8-23 第 8 章 习题 4 (2) 浏览 效果 


(3) 如 图 8-24 所 示 ， 默 认 显示 OrderItem 表 中 订单 编号 (OrderId) 为 4 的 所 有 商品 及 该 
订单 所 有 商品 的 总 价 。 当 选中 商品 后 ， 单 击 “ 删 除 ”按钮 删除 这 些 选 中 的 商品 ， 单 击 “ 计 算 ” 
按钮 计算 这 些 选中 商品 的 总 金额 。 

(4) 结合 使 用 GridView 和 DetailsView 控件 在 不 同 页 显示 Product 表 。DetailsView 需要 
实现 插入 、 编 辑 、 删 除 等 操作 ， 并 且 在 插入 数据 时 涉及 的 外 键 数据 以 下 拉 列 表 框 形式 进行 选 
择 输 入 。 
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//localhost:49823/Er4 3 SEE ne 


”=|D| xl 
SE | 人 xp 司 | 本 jxj ER 


厂 全 选 [ttemId|Orderld|ProNamelListPrice| Qty 
HB Meno [1210 BB 
DD kh 4 IAnt 2340 人 | 
口 5 4 lpointy |3550 hh 
C 6 上 lzZebvra [17340 hh 
二 于 | 总 价 为 : 168.6 


图 8-24 第 8 章 习题 4 (3) 浏览 效果 


(5) 查找 资料 ， 利 用 ListView 控件 显示 和 编辑 Product 表 数 据 ， 同 时 提供 分 页 功能 〈 提 
示 : 分 页 需 配 合 使 用 DataPager 控件 )。 

(6) 查找 资料 ， 利 用 FormView 控件 显示 、 编 辑 Order 表 中 满足 条 件 的 某 条 记录 ， 其 中 
条 件 自 定 。 


上 
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用 户 和 角色 管理 


本 章 要 点 : 

* 了 解 Windows 身份 验证 ， 掌 握 Forms 身份 验证 。 
。 掌握 网 站 管理 工具 的 应 用 。 

* 掌握 登录 系列 控件 的 应 用 。 

* 掌握 常用 的 Membership 和 Roles 类 的 方法 。 


9.1 身份 验证 和 授权 


身份 验证 是 要 告知 服务 器 发 出 请 求 的 用 户 是 谁 。 通 常 ， 用 户 必须 向 服务 器 提交 凭证 以 确 
定 用 户 的 身份 ， 如 果 提 交 凭 证 有 效 ， 那 么 就 可 以 认为 通过 身份 验证 。 一 旦 通过 身份 验证 ， 还 
需 确定 用 户 能 访问 哪些 资源 ， 这 个 过 程 称 为 授权 。 例 如 ， 对 于 实现 后 台 管 理 的 页 面 ， 一 般 仅 
提供 给 管理 员 访问 ， 此 时 就 需要 使 用 身份 验证 和 授权 。ASPNET 4.5 提供 了 五 种 身份 验证 方 
式 : Federated 身份 验证 、Forms 身份 验证 、None 身份 验证 、Passport 身份 验证 和 Windows 
身份 验证 。 本 节 主要 介绍 常用 的 Windows 身份 验证 和 Forms 身份 验证 。 


9.1.1 Windows 身份 验证 


Windows 身份 验证 基于 Windows 操作 系统 用 户 和 用 户 组 , 适合 于 企业 内 部 网 站 使 用 。 要 
使 用 Windows 身份 验证 ， 服 务 器 端 和 客户 端 都 必须 是 Windows 操作 系统 ， 且 Web 服务 器 的 
便 盘 格式 必须 是 NTFS。 

Windows 身份 验证 方式 依靠 IS 来 执行 所 需 的 用 户 验 证 ， 包 括 匿 名 身份 验证 、 集 成 
Windows 身份 验证 、Windows 域 服务 器 的 摘要 身份 验证 和 基本 身份 验证 等 。 在 ASPNET 4.5 
中 ， 使 用 WindowsAuthenticationModule 模块 执行 Windows 身份 验证 ， 该 模块 根据 用 户 提供 
的 信息 构造 WindowsIdentity 对 象 后 再 传递 到 IIS。IIS 验证 用 户 身份 后 再 将 安全 标记 传递 给 
ASPNET， 由 ASPNET 构造 WindowsPrincipal 对 象 ， 并 将 其 附加 到 Web 应 用 程序 的 上 下 文 
中 。 因 此 ， 访 问 WindowsIdentity 和 WindowsPrincipal 对 象 可 获取 验证 用 户 的 信息 。 

使 用 Windows 身份 验证 的 网 站 资源 授权 需 配 合 使 用 Windows 的 NTFS 访问 控制 列表 
(CACL)。 也 就 是 说 ， 要 在 Windows 操作 系统 中 首先 建立 用 户 和 用 户 组 ， 并 把 用 户 归 属 到 用 户 
组 中 ， 再 把 权限 分 配给 用 户 组 实现 授权 。 

配置 使 用 Windows 身份 验证 的 IS 7.5 网 站 的 操作 步骤 如 下 : 

(1) 启动 IS 7.5, 选择 要 配置 的 网 站 , 在 “功能 视图 ”中 双击 “身份 验证 ”, 右 击 “Windows 
身份 验证 ” 在 弹出 的 快捷 菜单 中 选择 “启用 ”命令 。 

(2) 在 Windows 操作 系统 中 新 建 一 个 用 户 组 ， 如 Website。 在 Website 组 中 创建 车 干 用 户 。 

(3) 设置 网 站 对 应 文件 夹 的 授权 。 如 图 9-1 所 示 ， 增 加 Website 组 对 网 站 对 应 文件 夹 的 
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读 取 和 运行 等 权限 。 

(4) 打开 Web.config 文件 ， 在 <system.web> 元 素 中 添加 以 下 代码 。 

<authentication mode="Windows"></authentication> 

(5) 在 联网 的 另 一 台 计 算 机 访问 网 站 中 页 面 时 ， 将 弹出 如 图 9-2 所 示 的 对 话 框 ， 要 求 输 
入 操作 系统 中 的 用 户 名 和 密码 。 通 过 身份 验证 后 才能 访问 相应 的 页 面 。 


常规 | 共享 安全 。 | 以 前 的 版 本 | 自 定义 | 
对 象 名 称 :。 FE:\ChapasiteIIS 


组 或 用 户 名 G@) 
下 Yebsite Conputerlume ebsite) 习 


可 正在 连接 到 Conpsterlime。 


PE 。 高 员 - 
了 iialshliotoz 朋 


图 9-1 文件 夹 授权 界面 图 9-2 Windows 身份 验证 用 户 登录 界面 
9.1.2 ”Forms 身份 验证 


Forms 身份 验证 适合 于 Intemet 站 点 ， 是 大 多 数 Web 应 用 程序 使 用 的 方式 。Forms 身份 
验证 本 身 并 不 能 进行 验证 ， 而 是 使 用 自 定义 的 用 户 界面 收集 用 户 信息 ， 再 通过 自 定义 代码 实 
现 验 证 。 在 使 用 时 ， 需 配合 使 用 ASPNET 4.5 的 成 员 资格 和 角色 管理 。 其 中 ， 成 员 资格 用 于 
管理 用 户 ， 角 色 用 于 管理 授权 。 

通常 ， 用 户 利用 Forms 身份 验证 访问 受 保护 页 面 的 步骤 如 下 : 

(1) 用 户 请 求 受 保护 的 页 面 ( 以 Default.aspx 为 例 )。 

(2) ASPNET 4.5 调用 Forms 身份 验证 服务 获取 用 户 请 求 ， 并 检查 其 中 是 否 包含 用 户 
凭据 。 

(3) 如 果 未 发 现任 何 用 户 赁 据 ， 将 自动 转向 用 户 登录 页 面 ( 以 Login.aspx 为 例 )。 

(4) 初次 请 求 的 页 面 地 址 Default.aspx 将 以 RetumUrl 值 (RetumUrl 是 QueryString 中 的 
键 值 对 ) 的 形式 ， 附 加 在 登录 页 面 Login.aspx 地 址 的 后 面 。 当 用 户 通 过 身份 验证 后 , ASPNET 
4.5 将 根据 RetumUrl 值 把 页 面 重 定向 到 Default.aspx。 

Forms 身份 验证 的 配置 通过 Web.config 中 的 <forms> 元 素 实现 ， 其 主要 的 属性 说 明 如 表 
9-1 所 示 。 


表 9-1 <forms> 元 素 属性 说 明 表 


属 性 说 明 
cookieless 指定 是 否 使 用 Cookie 以 及 使 用 Cookie 的 方式 
defaultUrl 指定 用 户 通过 身份 验证 后 需 重 定向 的 页 面 地 址 ， 默 认 值 为 Default.aspx 
loginUrl 指定 在 未 找到 身份 验证 信息 时 需 重 定向 的 页 面 地 址 ， 通 常 是 登录 页 面 地 址 ， 默 认 值 为 


Login.aspx 
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续 表 
属 性 说 明 
name 指定 用 于 身份 验证 的 Cookie 名 ， 默 认 值 为 .ASPXAUTH 
protection 指定 身份 验证 Cookie 使 用 的 加 密 类 型 
requireSSL 逻辑 值 ， 指 定 是 否 需 要 SSL 连接 传输 身份 验证 Cookie 
timeout 指定 身份 验证 Cookie 的 过 期 时 间 ， 默 认 值 为 30 分 钟 


与 Forms 身份 验证 密切 相关 的 类 是 FormsAuthentication 类 。 该 类 提供 的 属性 与 <forms> 
元 素 中 的 属性 有 对 应 关系 ， 也 就 是 说 ， 可 以 通过 访问 类 的 属性 获取 <forms> 元 素 中 的 属性 值 。 
还 有 ， 该 类 提供 的 方法 能 够 管理 Forms 身份 验证 。 例 如 ， 针 对 未 经 过 身份 验证 的 用 户 ， 
RedirectToLoginPage() 方 法 将 页 面 重 定向 到 <forms> 元 素 中 loginUrl 属性 设置 的 URL。 

实现 Forms 身份 验证 的 步骤 如 下 : 

(1) 配置 Web.config 文件 中 的 <authentication> 和 <authorization> 元 素 。<authentication> 元 
素 需 设置 其 mode 属性 值 为 Forms。 对 <authentication> 元 素 的 子 元 素 <forms>， 通 常设 置 其 
defaultUrl 和 loginUrl 属性 值 。 若 没有 在 <location> 元 素 设置 文件 夹 信息 ， 则 <authorization> 元 
素 实现 对 当前 文件 夹 及 其 子 文件 夹 的 授权 。 例 如 ， 若 Web.config 文件 存储 于 网 站 根 文件 夹 ， 
则 授权 针对 网 站 根 文件 夹 及 根 文件 夹 下 的 子 文件 夹 .授权 的 实现 通过 <authorization> 元 素 的 子 
元 素 <deny> 和 <allow> 完 成 ， 其 中 <deny> 表 示 拒 绝 访 问 ，<allow> 表 示人 允许 访问 。<deny> 和 
<allow> 设 置 的 范围 可 以 是 用 户 或 角色 ， 使 用 “?” 通 配 符 表示 匿名 用 户 ,“*” 通 配 符 表示 所 
有 用 户 。 

(2) 建立 登录 页 面 。 在 登录 页 面 时 需要 判断 用 户 名 和 密码 ， 若 通过 身份 验证 ， 则 使 用 
FormsAuthentication.RedirectFromLoginPage() 方 法 将 页 面 重 定向 到 用 户 最 初 请 求 页 面 的 URL 
或 <forms> 元 素 中 defaultUrl 属性 设置 的 URL。 

(3) 在 其 他 页 面 ， 使 用 Request.IsAuthenticated 属性 判断 用 户 是 否 已 登录 ; 使 用 
User.Identity.Name 属性 返回 登录 的 用 户 名 。 注 销 用 户 通 过 调用 FormsAuthentication.SignOut() 
方法 实现 。 


实例 9-1 运用 Forms 身份 验证 
本 实例 中 Login.aspx 为 登录 页 面 ，Default.aspx 为 受 保护 页 面 。 


源 程序 ，Web.config 部 分 代码 


<!-- 设 置 Forms 身份 验证 --> 
<authentication mode="Forms"> 
<forms defaultUrl="~/Default.aspx" loginUrl="~/Login.aspx"></forms> 
</authentication> 
<!-- 拒 绝 所 有 非 授权 用 户 访问 网 站 根 文件 夹 --> 


<authorization> 


<deny users="?" /> 


</authorization> 


源 程序 : Login.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" 
Inherits="Login" %> 
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(上 略 ) 


<form id="forml" runat="server"> 
<div> 


户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 

密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" 
Style="left: 16px; position: relative"></asp:TextBox><br /> 
<asp:Button ID="btnLogin" runat="server" Text=" 登 录 " 
OnClick="btnLogin Click" /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 : Login.aspx.cs 
using System 
using System.Web.Security; 
public partial class Login : System.Web.UI.Page 
{ 
protected void btnLogin Click(object sender, EventArgs e) 
{ 
if (txtName .Text == "leaf" && txtPassword.Text == "111")// 用 户 通 过 身份 验证 
{ 
// 将 页 面 重 定向 到 Web.config 文件 的 <forms> 元 素 中 defaultUrl 属性 设置 的 URL 
FormsAuthentication.RedirectFromLoginPage (txtName.Text, true); 
} 
else // 用 户 未 通过 身份 验证 
{ 
lblMsg .Text = "用 户 名 或 密码 错误 ! "; 


源 程序 : Defaultaspx 部 分 代码 
<sQ@ Page Language="C#" RutoEventWireup="true" CodeFile="Default.aspx.cs" 
Inherits=" Default" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Label ID="lblWelcome" runat="server"></asp:Label> 
<br /> 
<asp:Button ID="btnLogout" runat="server" Text=" 注 销 " 
OnClick="btnLogout Click" /> 
</div> 
</form> 


… (上 略 ) 
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源 程序 :Default.aspx.cs 


using System; 
using System.Web.Security; 
public partial class Default : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
if (Request.IsAuthenticated) 
{ 


lblWelcome .Text = "欢迎 " + User.Identity.Name + "登录 ! "; 


} 
} 


protected void btnLogout Click(object sender, EventArgs e) 


{ 
FormsAuthentication.SignOout (); // 删 除 当 前 用 户 凭据 
Response.Redirect ("~/Login.aspx"); 
} 
} 


操作 步骤 : 


(1) 为 清晰 地 理解 本 实例 ， 在 Book 解决 方案 中 新 建 一 个 Example9_1lSite 网 站 。 


(2) 在 Web.config 文件 的 <system.web> 元 素 中 添加 配置 代码 。 


(3) 在 Example9_1lSite 网 站 根 文 件 夹 中 建立 Login.aspx， 参 考 源 程序 添加 控件 并 设置 各 


控件 属性 ， 然 后 建立 Login.aspx.cs 文件 。 


(4) 在 Example9_1Site 网 站 根 文件 夹 中 建立 Default.aspx, 参考 源 程序 添加 控件 并 设置 各 
控件 属性 ， 然 后 建立 Default.aspx.cs 文件 。 最 后 ， 浏 览 Default.aspx 进行 测试 。 


程序 说 明 : 


当 浏 览 Default.aspx 时 ， 因 无 任何 用 户 凭据 ， 将 页 面 重 定向 到 Web.config 文件 的 <forms> 
元 素 中 loginUrl 属性 设置 的 URL， 此 时 ， 对 应 的 地 址 为 http:/localhost:49884/Login.aspx? 
ReturnUrl=%2fDefault.aspx， 其 中 localhost:49884 在 不 同 的 计算 机 上 测试 时 可 能 会 不 同 ，%2f 
表示 /网 站 根 文件 夹 )。 一 旦 通过 用 户 身份 验证 后 ， 调 用 FormsAuthentication.RedirectFrom- 


LoginPage() 方 法 将 根据 RetumUrl 值 把 页 面 重 定向 到 /Default.aspx。 


当 直 接 浏览 Login.aspx 页 面 并 通过 用 户 身份 验证 后 ， 调 用 FormsAuthentication.Redirect- 
FromLoginPage() 方 法 ， 此 时 ， 将 根据 Web.config 文件 的 <forms> 元 素 中 的 defaultUr 属性 值 ， 


把 页 面 重 定向 到 ~/Default.aspx。 


9.2 成 员 资 格 和 角色 管理 概述 


成 员 资 格 管理 功能 与 登录 系列 控件 可 以 和 Forms 身份 验证 结合 使 用 ， 用 了 


户 管理 功能 。 配 合 使 用 角色 管理 ， 可 以 较 好 地 提供 授权 管理 功能 。 
9.2.1 成 员 资 格 管理 


提供 完善 的 用 


使 用 成 员 资格 管理 能 创建 和 管理 用 户 信息 。 例 如 ， 为 新 用 户 设置 用 户 名 、 密 码 、 电 子 邮 
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件 等 信息 ， 创 建 、 修 改 和 重 置 用 户 密码 ， 删 除 和 更 新 用 户 信息 等 。 成 员 资格 管理 提供 的 类 能 
方便 地 验证 用 户 提交 的 用 户 名 和 密码 。 另 外 ，ASPNET 4.5 还 实现 了 成 员 资格 管理 与 用 户 个 
性 化 配置 、 角 色 管 理 等 功能 的 集成 。 实 际 上 ， 用 户 个 性 化 配置 和 角色 管理 使 用 的 用 户 身份 信 
息 均 来 自 于 成 员 资格 管理 功能 所 存储 的 用 户 信息 。 

成 员 资格 管理 基于 “提供 程序 模型 ”构建 ， 默 认 的 提供 程序 为 AspNetSqlMembership- 
Provider。 开 发 人 员 使 用 登录 系列 控件 构建 获取 用 户 信息 的 界面 ， 然 后 ， 由 登录 系列 控件 调用 
成 员 资格 管理 类 中 的 方法 实现 用 户 创建 、 验 证 等 功能 。 接 下 来 ， 成 员 资格 管理 类 中 的 对 象 将 
与 “成 员 资格 提供 程序 ”交互 ， 要 求 其 对 成 员 资格 数据 进行 操作 。 

默认 情况 下 ， 成 员 资格 数据 存储 在 App_Data 文件 夹 中 的 ASPNETDB.mdf。 其 中 与 成 员 
资格 管理 密切 相关 的 数据 表 是 aspnet_Users 和 aspnet_ Membership。aspnet_Users 存储 了 用 户 
的 部 分 信息 ， 而 aspnet Membership 存储 了 用 户 的 详细 信息 。 当 然 ， 成 员 资格 管理 信息 也 可 
保存 到 其 他 数据 库 中 ， 此 时 需要 使 用 aspnet_regsql.exe 命令 行 工具 进行 配置 ， 还 需要 配置 
Web.config 文件 中 <system.web> 元 素 的 子 元 素 <membership>。 配 置 <membership> 元 素 的 示例 
代码 如 下 : 


<membership defaultProvider="DataProvider"> 
<providers> 
<!-- 删 除 所 有 的 成 员 资格 提供 程序 --> 
<clear /> 
<!-- 添 加 新 的 成 员 资格 提供 程序 DataProvider 并 设置 相关 属性 --> 
<add name="DataProvider" type="System.Web.Security.SqlMembershipProvider" 
connectionStringName="DataConnectionString" enablePasswordRetrieval="false" 
enablePasswordReset="true" requiresQuestionAndAnswer="true" 
passwordFormat="Hashed" applicationName="/" /> 
</providers> 
</membership> 


其 中 ， 自 定义 成 员 资 格 提供 程序 的 设置 都 包含 在 <providers> 元 素 的 子 元 素 <add> 中 ， 主 
要 的 属性 说 明 如 表 9-2 所 示 。 


表 9-2 <providers> 元 素 的 子 元 素 <add> 的 属性 说 明 表 


属 性 说 明 
applicationName 指定 使 用 成 员 资 格 数据 的 Web 应 用 程序 名 称 
connectionStringName 指定 成 员 资格 提供 程序 使 用 的 定义 于 <connectionStrings> 元 素 
中 的 连接 字符 串 名 称 
enablePasswordReset 逻辑 值 ， 指 定 是 否 支持 重 置 密码 功能 。 默 认 值 为 tue 


逻辑 值 ， 指 定 是 否 支持 取 回 密码 功能 。 默 认 值 为 false 

指定 允许 密码 或 密码 提示 问题 连续 不 成 功 尝试 的 最 多 次 数 。 默 
认 值 为 5 
指定 密码 中 必须 包含 的 特殊 字符 的 最 小 数量 。 默 认 值 为 1 


enablePasswordRetrieval 


maxInvalidPasswordAttempts 


minRequiredNonalphanumericCharacters 


minRequiredPasswordLength 指定 密码 中 必须 包含 字符 的 最 小 数量 ， 值 范围 在 1~128 之 间 。 
默认 值 为 1 

name 指定 成 员 资 格 提供 程序 的 名 称 

passwordAttemptWindow 指定 失败 尝试 允许 的 时 间 。 默 认 值 为 10 分 钟 
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续 表 
属 性 说 ”了 明 
passwordFormat 指定 密码 的 存储 格式 。 默 认 值 为 Hashed 
requiresQuestionAndAnswer 逻辑 值 ， 指 定 当 重 置 或 取 回 密码 时 ， 是 否 需要 输入 密码 提示 问 
题 。 默 认 值 为 true 
requiresUniqueEmail 逻辑 值 ， 指 定 存储 在 数据 库 中 的 电子 邮件 是 否 唯一 。 默 认 值 为 


false 


指定 成 员 资格 提供 程序 的 类 型 


type 


与 成 员 资格 管理 密切 相关 的 类 是 Membership 和 MembershipUser 类 。 Membership 类 主要 
实现 用 户 验 证 、 创 建 、 管 理 以 及 获取 或 设置 <membership> 元 素 中 相关 的 属性 值 。 
MembershipUser 类 主要 实现 获取 或 设置 用 户 信息 的 功能 。 


9.2.2 ”角色 管理 


角色 是 指 具 有 相同 权限 的 一 类 用 户 或 用 户 组 。 基 于 角色 的 授权 方式 是 将 访问 权限 与 角色 
关联 。 然 后 ， 角 色 再 与 用 户 关 联 。 管 理 人 员 授 权时 ， 是 为 角色 授权 ， 影 响 的 是 角色 中 的 多 个 
用 户 。 在 实际 使 用 时 ， 需 要 根据 不 同 角色 对 页 面 进行 分 类 ， 并 存放 到 不 同 的 文件 夹 中 。 然 后 ， 
再 利用 网 站 管理 工具 或 在 Web.config 文件 的 <authorization> 元 素 中 编写 配置 代码 来 实现 对 不 
同文 件 夹 设置 不 同 的 访问 规则 ， 即 角色 授权 。 

ASPNET 4.5 角色 管理 能 方便 地 创建 和 管理 角色 信息 ， 如 创建 新 角色 、 为 用 户 分 配角 色 、 
删除 用 户 角 色 、 获 取 角 色 信 息 等 。 能 支持 使 用 Cookie 缓存 角色 信息 , 以 避免 频繁 访问 数据 源 。 

角色 管理 与 成 员 资格 管理 一 样 基于 “提供 程序 模型 ”构建 。 执 行 角 色 管 理 功能 时 ， 首 先 
利用 登录 系列 控件 实现 用 户 登录 、 角 色 管 理 等 用 户 界 面 。 然 后 ， 调 用 角色 管理 对 象 实现 角色 
管理 功能 ， 最 后 将 角色 信息 存储 到 数据 库 。 

默认 情况 下 ， 角色 管 理 信息 存 储 于 ASPNETDB.mdf， 其 中 与 角色 有 密切 关系 的 数据 表 是 
asphnet Roles 和 aspnet UsersInRoles。aspnet Roles 存储 角色 信息 ， 而 aspnet_UsersInRoles 存 
储 用 户 和 角色 的 联系 信息 。 与 成 员 资格 管理 类 似 ， 角 色 管 理 信 息 也 可 以 存储 在 自 定 义 的 数据 
库 中 。 

角色 管理 的 配置 通过 Web.config 中 的 <roleManager> 元 素 实 现 ， 如 启用 角色 管理 并 使 用 
Cookie 缓存 角色 信息 的 配置 代码 为 : 


<roleManager enabled="true" cacheRolesInCookie="true"></roleManager> 


与 角色 管理 密切 相关 的 类 是 Roles 类 ,访问 其 属性 能 获取 或 设置 <roleManager> 元 素 中 的 
属性 值 ， 调 用 其 方法 可 创建 新 角色 、 删 除 角 色 等 。 


9.3 ”利用 网 站 管理 工具 实现 成 员 资 格 和 角色 管理 
选择 “网 站 ”一 “ASPNET 配置 ”命令 ， 在 呈现 的 “ASPNET 网 站 管理 工具 ”窗口 中 可 


进行 多 项 配置 任务 ， 其 中 ， 有 关 成 员 资格 和 角色 管理 主要 在 “安全 ”选项 卡 中 完成 。 图 9-3 
给 出 了 “安全 ”选项 卡 界面 图 。 
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可 以 使 用 网 站 管理 工具 来 管理 应 用 程序 的 所 有 安全 设置 。 可 以 设置 用 户 和 密码 (身份 验证 )， 可 以 创建 角 
色 ( 用 户 组 )， 还 可 以 创建 权限 (用 于 控制 对 应 用 程序 各 个 部 分 的 访问 的 规则 ) 。 


默认 情况 下 ， 用 户 信息 存储 Microsoft SQL Server Express 数据 库 中 ， 该 数据 库 在 网 站 的 Data 文 
件 夹 中 。 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ， 请 使 用 “提供 程序 ”选项 卡 选择 其 他 提供 程序 。 


使 用 安全 设置 向 导 按部就班 地 配置 安全 性 。 


单 击 表 中 的 链接 以 管理 应 用 程序 的 设置 


当前 身份 验证 类 型 为 未 启用 角色 问 
Windows。 因 此 禁用 了 此 工具 ”启用 角色 管理 访问 规则 
中 的 用 户 管理 。 创建 或 管理 角色 

选择 身份 验证 类 型 


图 9-3 “安全 ”选项 卡 界面 


“ASPNET 网 站 管理 工具 ”提供 的 安全 设置 向 导 集 成 了 对 身份 验证 类 型 、 用 户 、 角 色 和 
访问 规则 等 内 容 进 行 配置 的 用 户 界面 和 功能 。 主 要 的 配置 步 又 如 下 : 

(1) 单 击 图 9-3 中 “使 用 安全 设置 向 导 按 部 就 班 地 配置 安全 性 ”链接 后 ， 在 出 现 的 向 导 
窗口 中 单 击 “ 下 一 步 ” 按 钮 ， 呈 现 如 图 9-4 所 示 的 界面 。 


步骤 1: 欢迎 选择 访问 方法 : 
步骤 2: 磷 择 访问 方法 


保护 站 点 的 第 一 步 是 标识 用 户 ， 即 身份 验证 。 用 于 建立 用 户 标识 的 方法 取决 于 
二 区 用 户 访问 站 点 的 方式 。 


请 从 下 列 方法 中 选择 一 种 方法 ， 以 指示 用 户 访问 站 点 的 方式 ， 然 后 单 击 “ 下 一 
步 "。 


6 通过 Internet 
您 的 应 用 程序 是 一 个 任何 人 都 可 在 Internet 上 访问 的 公共 站 点 。 用 户 可 
以 通过 在 您 创建 的 登录 页 中 输入 用 户 名 和 密码 登录 到 您 的 应 用 程序 。 


C 通过 局 域 网 
您 的 应 用 程序 仅 在 专用 局 域 网 (Intranet) 中 运行 。 用 户 由 其 Windows 
域 及 用 户 名 标识 ， 无 需 显 式 登 录 到 您 的 应 用 程序 * 


图 9-4 选择 访问 方法 界面 


(2) 在 图 9-4 中 ， 如 果 选 择 “ 通 过 Intermet” 单 选 按钮 ， 则 表示 网 站 使 用 Forms 身份 验证 ， 
而 选择 “通过 局 域 网 ” 单 选 按钮 ， 则 表示 网 站 使 用 Windows 身份 验证 。 最 终 的 配置 信息 将 保 
存 到 网 站 根 文件 夹 下 Web.config 文件 中 的 <authentication> 元 素 。 

(3) 如 图 9-5 和 图 9-6 所 示 ， 定 义 角 色 前 首先 要 启用 角色 管理 功能 ， 然 后 才能 添加 和 管 
理 角 色 。 启 用 角色 的 配置 信息 将 保存 到 网 站 根 文 件 夹 下 Web.config 文件 中 的 <roleManager> 
元 素 ， 而 定义 的 角色 信息 将 保存 到 ASPNETDB.mdf 数据 库 中 的 aspnet Roles 和 
aspnet UsersInRoles 表 。 


定义 角色 

您 可 以 选择 添加 前 色 或 组 ， 这 让 您 可 以 允许 或 拒绝 用 户 组 对 网 站 中 特定 文件 夹 的 访问 。 例 如 ， 
可 以 创建 “经 理 ”、“ 销 售 人 员 ”或 “成 员 ” 等 角色 ， 每 种 角色 对 特定 文件 去 者 具有 不 同 的 访 
问 各 限 。 然 后， 可 以 将 用 户 添加 到 角色 中 ， 这 些 用 户 即 可 拥有 与 其 角色 关联 的 访问 权限 。 
键入 要 全 和 角色 的 名 称 ， 然 后 单 击 “添加 角色 ”。 


如 果 不 想 创建 角色 ， 请 确保 没有 选中 下 面 的 复 选 框 , 然后 单 击 “ 下 一 步 ” 跳 过 这 一 步 。 


万 为 此 站 启用 角色 = 


图 9-5 定义 角色 《〈 启 用 角色 ) 界面 


Te 
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图 9-6 定义 角色 添加 或 删除 角色 ) 界面 


(4) 如 图 9-7 所 示 ， 添 加 新 用 户 时 要 求 添加 符合 要 求 的 用 户 名 、 密 码 、 确 认 密 码 、 电 子 
邮件 、 安 全 提示 问题 、 安 全 答案 等 。 这 些 信息 将 保存 到 ASPNETDB.mdf 数据 库 中 的 
aspnet Users 和 aspnet Membership 表 。 


通过 在 此 页 中 输入 用 户 89 1D、 密码 和 电子 邮件 来 添加 用 户 * 还 可 以 指定 问题 和 回答 ,用 户 必须 | 
给 出 与 此 相同 的 回答 才能 重 轴 家 码 或 请 求 忘记 的 宙 码 。 


万 活动 用 户 


图 9-7 添加 新 用 户 界面 


(5) 如 图 9-8 所 示 ， 添 加 新 访问 规则 可 以 对 整个 网 站 或 单个 文件 夹 实现 用 户 授权 。 
例如 ,对 Admin 文件 夹 仅 允许 Admin 角色 的 用 户 访问 , 禁止 Member 角色 的 用 户 和 匿名 
用 户 访问 ， 则 需要 逐个 添加 规则 。 这 些 添加 的 规则 将 保存 到 Admin 文件 夹 下 的 Web.config 
交 件 中 。 
添加 新 访问 规则 
为 此 规则 选择 一 个 目录 : 


s 自 
扬 Admn 


9-8 ”添加 新 访问 规则 界面 
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在 通常 情况 下 , 不 大 可 能 一 次 使 用 安全 配置 向 导 就 能 配置 好 ASPNET 网 站 。 所 以 ， 常 需 
要 直接 单 击 图 9-3 中 的 用 户 、 和 角色、 访问 规则 等 区 域 中 的 链接 实现 成 员 资 格 和 角色 管理 。 有 
关 的 操作 界面 跟 安全 配置 向 导 中 相应 界面 类 似 ， 不 再 详 述 。 

注意 :只 有 当 配 置 网 站 使 用 Forms 身份 验证 后 ， 在 “安全 ”选项 卡 的 用 户 区 域 中 才 会 显 
示 当 前 创建 的 用 户 数 量 以 及 创建 和 管理 用 户 的 链接 。 


9.4 利用 登录 系列 控件 实现 用 户 身 份 验证 


任何 一 个 网 站 都 需要 用 户 身份 验证 管理 系统 ， 涉 及 的 功能 包括 用 户 登录 、 创 建新 用 户 、 
显示 登录 状态 、 显 示 登 录用 户 名 、 更 新 或 重 置 密码 等 。 利 用 ASPNET 4.5 中 的 登录 系列 控件 
可 以 方便 地 实现 这 些 功 能 。 


9.4.1 Login 控件 


Login 控件 用 于 实现 用 户 登录 界面 ， 允 许 自 定义 界面 外 观 ， 与 成 员 资 格 管理 紧密 集成 。 
使 用 时 ， 主 要 通过 设置 属性 就 能 够 实现 用 户 登录 验证 功能 。 

Login 控件 实质 是 一 个 “用 户 控件 ” 通常 必须 包括 : 用 于 输入 用 户 名 的 文本 框 、 用 于 输 
入 密码 的 文本 框 和 用 于 提交 用 户 凭证 的 按钮 。 它 还 具有 很 强 的 自 定义 扩展 能 力 ， 主 要 包括 自 
定义 找 回 密码 页 面 的 提示 文字 和 超 链 接 、 自 定义 创建 新 用 户 页 面 的 提示 文字 和 超 链接 、 自 定 
义 “ 下 次 记 住 我 ”CheckBox 控件 、 自 定义 模板 等 。 定 义 的 语法 格式 如 下 : 


<asp:Login ID="Loginl" runat="server">**</asp:Login> 
Login 控件 的 主要 属性 如 表 9-3 所 示 。 
表 9-3 ”Login 控件 的 主要 属性 表 


属 性 说 明 

CreateUserText 指定 “创建 新 用 户 ” 链 接 显示 的 文本 

CreateUserUrl 指定 “创建 新 用 户 ” 链 接 的 URL 

DestinationPageUrl 指定 用 户 登 录 成 功 时 将 页 面 重 定向 到 的 URL 

DisplayRememberMe | 逻辑 值 ， 指 定 是 否 显示 “ 记 住 我 ” 复 选 框 。 默 认 值 为 True 

FailureAction 指定 登录 失败 时 采取 的 操作 。 值 RedirectToLoginPage 表示 将 页 面 重 定向 到 
Web.config 文件 的 <forms> 元 素 中 loginUrl 属性 设置 的 URL; 值 Refresh 表示 刷新 
页 面 并 显示 错误 提示 信息 

Password 获取 用 户 提 交 的 密码 

PasswordRecoveryText | 指定 “密码 恢复 ”链接 显示 的 文本 

了 PasswordRecoveryUrl | 指定 “密码 恢复 ”链接 的 URL 

RememberMeSet 指定 是 否 选中 “ 记 住 我 ” 复 选 杠 

RememberMeText 指定 “ 记 住 我 ” 复 选 框 显示 的 文本 

UserName 获取 或 设置 用 户 名 文本 框 的 内 容 

VisibleWhenLoggedIn | 逻辑 值 ， 指 定 用 户 登 录 成 功 后 Login 控件 是 否 可 见 。 默 认 值 为 True 


实例 9-2 建立 登录 页 面 
在 图 9-9 中 ， 当 输入 用 户 名 和 密码 后 ， 单 击 “ 登 录 ” 按 钮 ， 若 用 户 名 和 密码 正确 则 将 页 
面 重 定向 到 Defaultaspx， 和 否则 给 出 错误 提示 信息 ; 单 击 “ 我 还 没 注册 !” 链 接 将 页 面 重 定向 
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到 NewUseraspx; 单 击 “ 忘 记 密码 了 ? ”链接 将 页 面 重 定向 到 GetPwd.aspx。 


图 9-9 ”Login.aspx 浏览 效果 


源 代 码 : Login.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" 
Inherits="Login" %> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Login ID="Loginl" runat="server" CreateUserText=" 我 还 没 注册 !" 
CreateUserUrl="~/NewUser.aspx" DestinationPageUrl="~/Default.aspx" 
PasswordRecoveryText=" 忘 记 密 码 了 ?" PasswordRecoveryUrl="~/GetPwd.aspx" 
TextBoxStyle-Width="120"> 
</asp:Login> 
</div> 
</form> 


… (了 略 ) 


操作 步骤 : 

(1) 为 清晰 地 理解 本 实例 及 本 章 后 续 实例 , 在 Book 解决 方案 中 新 建 一 个 Chap9Site 网 站 。 

(2) 在 Chap9Site 网 站 根 文件 夹 中 建立 Login.aspx。 添 加 Login 控件 一 个 ， 并 参考 源 代码 
设置 各 属性 。 最 后 ， 浏 览 Login.aspx 进行 测试 。 


9.4.2 ”CreateUserWizard 控件 


CreateUserWizard 控件 实质 是 一 个 专用 于 创建 新 用 户 的 向 导 控件 ， 与 成 员 资格 管理 紧密 
集成 ， 能 方便 地 在 成 员 数据 表 中 创建 新 用 户 。 定 义 的 语法 格式 如 下 : 
<asp:CreateUserWizard ID="CreateUserWizardl" runat="server"> 
<WizardSteps> 
<asp:CreateUserWizardStep runat="server" /> 
<asp:CompleteWizardStep runat="server" /> 
</WizardSteps> 
</asp:CreateUserWizard> 


在 使 用 CreateUserWizard 控件 创建 新 用 户 时 ， 用 户 名 和 密码 是 新 用 户 的 凭据 。 安 全 提示 
问题 和 安全 答案 用 于 当 用 户 忘记 自己 密码 时 找 回 或 重 置 用 户 密码 。 

注意 : CreateUserWizard 控件 使 用 时 要 配合 使 用 Web.config 文件 的 <membership> 元 素 。 
例如 ， 若 要 求 输入 的 密码 为 强 密码 ( 即 密码 至 少 七 个 字符 ， 至 少 包 括 一 个 字母 和 至 少 包括 一 
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个 非 数 字 非 字母 的 特殊 符号 ) ， 此 时 ， 就 要 在 <membership> 元 素 中 通过 设置 minRequired- 
PasswordLength、minRequiredNonalphanumericCharacters 等 属性 实现 。 又 如 ， 要 显示 “安全 
提示 问题 ”和 “安全 答案 ”， 需 要 设置 <membership> 元 素 的 requiresQuestionAndAnswer 属性 。 

CreateUserWizard 控件 可 以 在 用 户 完成 所 有 的 注册 项 目 之 后 ， 自 动 给 用 户 的 邮箱 发 送 用 
户 注册 信息 的 邮件 ， 如 感谢 用 户 注册 网 站 等 。 要 实现 该 功能 ， 需 配置 MailDefinition 属性 ， 这 
个 属性 实质 代表 了 MailDefinition 类 的 一 个 对 象 。MailDefinition 类 提供 了 定义 一 封 Email 
件 需 要 的 所 有 属性 ， 如 From 属性 指定 邮件 从 哪里 发 出 ，Subject 属性 指定 邮件 的 主题 ， 
BodyFileName 属性 指定 要 发 送 邮 件 的 文本 等 。 在 使 用 BodyFileName 时 ， 首先 需 定义 一 个 .txt 
文件 ， 如 ThankEmailtxt。 该 文件 可 包含 一 些 如 <% userName %> 和 <% password %> 的 特殊 表 
达 式 用 来 代替 注册 的 用 户 名 和 密码 。 

要 使 CreateUserWizard 控件 具有 发 送 电子 邮件 的 功能 ， 还 要 对 Web.config 文件 的 
<system.net> 元 素 进 行 配置 ， 示 例 代码 如 下 : 


云 


<mailSettings> 
<smtp from="ssgwcyxxd"> 
<network host="smtp.126.com" password="…" port="25" userName="ssgwcyxxd" /> 
</smtp> 
</mailSettings> 


上 述 代 码 中 ，from="ssgwcyxxd" 指 定 邮 件 的 发 件 人 ; host="smtp.126.com" 指 定 用 于 发 送 
邮件 的 SMTP 服务 器 名 ; password="…" 指 定 发 送 邮 件 账 户 的 用 户 密 码 ，port="25" 指 定 SMTP 
服务 器 端口 号 ;userName="ssgwcyxxd" 指 定 发 送 邮 件 账户 的 用 户 名 。 

CreateUserWizard 控件 的 发 送 邮 件 功能 还 可 与 AutoGeneratePassword 属性 结合 ， 用 于 验 
证 用 户 注 册 的 电子 邮箱 是 否 正确 。 当 建立 用 户 时 ， 密 码 由 系统 产生 ， 然 后 再 发 送 到 用 户 注册 
的 邮箱 ， 用 户 只 有 进入 自己 注册 的 邮箱 并 获得 用 户 密 码 后 才能 登录 网 站 。 这 样 ， 也 就 验证 了 
用 户 注册 邮箱 地 址 的 有 效 性 。 

CreateUserWizard 控件 其 他 的 主要 属性 和 事件 如 表 9-4 所 示 。 


表 9-4 CreateUserWizard 控件 的 主要 属性 和 事件 表 


属性 和 事件 
Answer 
ConfirmPassword 
ContinueDestinationPageUrl 
DisableCreatedUser 


获取 或 设置 密码 问题 的 答案 

获取 用 户 输 入 的 确认 密码 

在 用 户 单 击 成 功 页 上 的 “继续 ”按钮 后 ， 获 取 或 设置 重 定向 页 面 的 URL 
逻辑 值 ， 指 定 是 否 允许 新 用 户 登录 到 网 站 。 默 认 值 为 False 


Email 获取 或 设置 用 户 输入 的 Email 地 址 

LoginCreatedUser 风 辑 值 ， 指 定 是 否 在 创建 用 户 后 登录 新 用 户 。 默 认 值 为 True 
Password 获取 用 户 输入 的 密码 

Question 获取 或 设置 用 户 输入 的 密码 问题 

UserName 获取 或 设置 用 户 输入 的 用 户 名 


CreatedUser 事件 在 成 员 资 格 程序 创建 了 新 用 户 后 被 触发 


实例 9-3 ”建立 新 用 户 注 册页 面 
在 图 9-10 中 ， 当 新 用 户 填 入 注册 信息 后 ， 若 符合 设置 的 规则 ， 则 单 击 “ 创 建 用 户 ” 按 钮 
将 该 用 户 加 入 到 普通 成 员 角 色 Member 中 ， 并 给 用 户 发 送 包 含 系统 自动 生成 用 户 密码 的 感谢 
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邮件 ， 再 将 页 面 重 定向 到 Login.aspx; 当 新 用 户 填 入 的 信息 不 符合 设置 的 规则 时 ， 给 出 相应 


的 出 错 提示 信息 。 


= 上 对 
BOB 55) jx] 上 
注册 新 账户 六 
用 户 名 :|member1 
电子 邮件 :[ 棺 8 和 
安全 提示 问题 :|who are you? 
安全 答案 :eaf 

人 过 | -| 


图 9-10 NewUseraspx 浏览 效果 


感谢 注册 网 站 的 邮件 文本 : ThankEmail.txt 
您 好 ! 非常 感谢 您 在 本 网 站 注册 ! 下 面 是 您 在 本 网 站 的 注册 信息 。<br /> 
请 注意 保管 好 自己 的 密码 并 删除 本 邮件 ! <br /> 
户 名 : <% userName %> <br /> 
密码 : <% password %> <br /> 


源 程序 ，NewUser.aspx 部 分 代码 
<%Q Page Language="C#" AutoEventWireup="true" CodeFile="NewUser.aspx.cs" 
Inherits="NewUser" $%> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:CreateUserWizard ID="CreateUserWizardl" runat="server" 
AutoGeneratePassword="True" 
ContinueDestinationPageUrl="~/Login.aspx" 
OnCreatedUser="CreateUserWizardl CreatedUser"> 
<MailDefinition BodyFileName="~/ThankEmail .txt" From="ssgwcyxxd@126.com" 
IsBodyHtml="True" Subject=" 感 谢 注册 "> 
</MailDefinition> 
<WizardSteps> 
<asp:CreateUserWizardStep runat="server" /> 
<asp:CompleteWizardStep runat="server" /> 
</WizardSteps> 
</asp:CreateUserWizard> 
</div> 
</form> 


… (上 略 ) 


源 程序 : NewUseraspx.cs 
using System; 
using System.Web.Security; 
public partial class NewUser : System.Web.UI.Page 
{ 
protected void CreateUserWizardl1 CreatedUser (object sender, EventArgs e) 
{ 
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// 将 注册 的 新 用 户 添加 到 普通 成 员 角 色 Member 
Roles.AddUserToRole (CreateUserWizard1l1.UserName， "Member") 
} 
} 


操作 步骤 : 

(1) 利用 “ASPNET 网 站 管理 工具 ”设置 Chap9Site 网 站 的 身份 验证 类 型 为 Forms， 启 
用 角色 并 添加 一 个 普通 成 员 角 色 Member。 

(2) 配置 Web.config 的 <membership> 元 素 。 若 不 自 定义 <membership>， 则 默认 使 用 
AspNetSqlMembershipProvider 的 配置 信息 。 

(3) 读者 自行 申请 或 使 用 已 有 的 一 个 支持 SMTP 发 送 邮件 的 邮箱 ， 根 据 邮 箱 的 用 户 名 、 
密码 、SMTP 服务 器 名 、SMTP 服务 器 端口 号 等 信息 配置 Web.config 的 <system_.ne 亿 元素 。 

(4) 在 Chap9Site 网 站 根 文件 夹 中 建立 ThankEmailtxt。 

(5) 在 Chap9Site 网 站 根 文件 夹 中 建立 NewUseraspx， 并 参考 源 程序 设置 控件 各 属性 。 

(6) 建立 NewUseraspx.cs。 最 后 ， 浏 览 NewUseraspx 进行 测试 。 


9.4.3 ”LoginName 控件 


LoginName 控件 用 于 用 户 登 录 验 证 之 后 ， 显 示 登 录 的 用 户 名 。 实际 上 LoginName 显示 的 
是 System.Web.ULPage.UserIdentityName 属性 值 。 它 不 仅 可 以 显示 通过 Forms 身份 验证 的 用 
户 名 ， 还 可 以 显示 其 他 登录 验证 之 后 的 用 户 名 。 定 义 的 语法 格式 如 下 : 


<asp:LoginName ID="LoginNamel" runat="server" /> 


LoginName 控件 的 FormatString 属性 用 于 格式 化 输出 的 用 户 名 。 如 车 设 置 
FormatString="Welcome, {0}", 则 对 已 登录 用 户 名 admin, 将 在 页 面 上 显示 “Welcome, admin”。 


9.4.4 LoginStatus 控件 


LoginStatus 控件 实现 用 户 登 录 状 态 之 间 的 切换 。 如 果 Request.IsAuthenticated 属性 返回 值 
为 tue， 则 表示 用 户 通过 验证 ， 处 于 已 登录 状态 ， 默 认 显示 “注销 ” 否则 表示 处 于 未 登录 状 
态 ， 默 认 显 示 “ 登 录 ”。 定义 的 语法 格式 如 下 : 


<asp:LoginStatus ID="LoginStatus1" runat="server" /> 


当 未 登录 用 户 单 击 “ 登 录 ” 链 接 时 将 页 面 重 定向 到 Web.config 文件 的 <forms> 元 素 中 
loginUzrl 属性 设置 的 URL.。 当 登录 用 户 单 击 * 注 销 ? 链 接 时 将 由 LoginStatus 控件 的 LogoutAction 
属性 值 确定 操作 方式 。 值 Refresh 表示 刷新 页 面 ; 值 Redirect 表示 将 页 面 重 定向 到 
LogoutPageUrl 属性 定义 的 URL; 值 RedirectToLoginPage 表示 将 页 面 重 定向 到 Web.config 文 
件 的 <forms> 元 素 中 loginUrl 属性 设置 的 URL。 

LoginStatus 控件 的 LoggingOut 事件 在 单 击 “ 注 销 ” 链 接 时 被 触发 ,常用 于 当 用 户 必须 完 
成 某 一 项 活动 后 才能 离开 网 站 的 情形 ， 如 购买 购物 车 中 的 商品 等 。 若 未 完成 该 项 活动 ， 则 可 
以 通过 设置 LoginCancelEventArgs 参数 的 Cancel 属性 值 为 tue， 达 到 取消 注销 的 目的 。 
LoggedOnut 事件 在 注销 完成 后 被 触发 ， 常 用 于 清除 用 户 缓存 的 数据 等 。 
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9.4.5 ”LoginView 控件 


LoginView 控件 可 根据 匿名 用 户 、 登 录用 户 或 不 同 角色 的 用 户 显 示 不 同 的 页 面 内 容 。 定 


义 的 语法 格式 如 下 : 
<asp:LoginView ID="LoginViewl" runat="serVer">…</asp:LoginView> 


LoginView 控件 通过 自 定义 模板 属性 为 不 同 用 户 / 角 色 显 示 不 同 的 视图 内 容 。 
AnonymousTemplate 属性 用 于 显示 匿名 用 户 的 视图 内 容 ; LoggedInTemplate 属性 用 于 显示 已 
登录 站 点 , 但 不 属于 RoleGroups 属性 指定 的 包含 于 任何 角色 的 用 户 的 视图 内 容 ; RoleGroups 
属性 用 于 显示 具有 特定 角色 的 用 户 的 视图 内 容 。 当 一 个 用 户 属于 多 个 角色 时 ， 应 用 程序 的 执 
行将 对 RoleGroups 中 的 集合 进行 搜索 ， 然 后 显示 第 一 个 匹配 的 模板 内 容 。 
注意 : LoginView 控件 在 执行 时 首先 显示 RoleGroups 属性 ， 其 次 显示 LoggedInTemplate 
属性 ， 最 后 显示 AnonymousTemplate 属性 。 


实例 9-4 利用 LoginView 显示 不 同 界面 
当 用 户 未 登录 时 ， 显 示 如 图 9-11 所 示 的 界面 ， 当 Member 角色 中 的 用 户 登录 后 ， 显 示 如 
图 9-12 所 示 的 界面 ， 当 Admin 角色 中 的 用 户 登 录 后 ， 显 示 如 图 9-13 所 示 的 界面 。 


KFS, .9B 
您 还 未 登录 ! 登录 


图 9-11 匿名 用 户 界面 图 9-12 Member 角色 用 户 界面 图 9-13 Admin 角色 用 户 界面 


源 程序 ，Default.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" 
Inherits=" Default" %> 
ee (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:LoginView ID="logvHeader" runat="server"> 
<AnonymousTemplate> 
您 还 未 登录 ! <asp:Loginstatus ID="logsAnony" runat="server" /> 
</AnonymousTemplate> 
<RoleGroups> 
<asp:RoleGroup Roles="Admin"> 
<ContentTemplate> 
<asp:LoginName ID="lognAdmin" runat="server" FormatString=" 您 好 ，{0}" /> 
<asp:LinkButton ID="lnkbtnPwd" runat="server" 
PostBackUrl="~/ChangePwd.aspx"> 密 码 修改 </asp:LinkButton> 
<asp:LinkButton ID="lnkbtnManage"” runat="server"> 系 统管 理 
</asp:LinkButton> 
<asp:LoginStatus ID="logsAdmin" runat="server" /> 
</ContentTemplate> 
</asp:RoleGroup> 
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<asp:RoleGroup Roles="Member"> 
<ContentTemplate> 
<asp:LoginName ID="lognMember" runat="server" FormatString=" 您 好 , {0}" /> 
<asp:LinkButton ID="lnkbtnPwd" runat="server" 
PostBackUrl="~/ChangePwd.aspx"> 密 人 码 修改 </asp:LinkButton> 
<asp:LinkButton ID="lnkbtnCart" runat="server"> 购 物 记 录 
</asp:LinkButton> 
<asp:LoginStatus ID="logsMember" runat="server" /> 
</ContentTemplate> 
</asp:RoleGroup> 
</RoleGroups> 
</asp:LoginView> 
</div> 
</form> 


… (上 略 》 


操作 步骤 : 

(1) 利用 “ASPNET 网 站 管理 工具 ”在 Chap9Site 网 站 中 添加 一 个 系统 管理 员 角 色 
Admin 和 一 个 普通 成 员 角 色 Member。 

(2) 在 Chap9Site 网 站 根 文件 夹 中 建立 Defaultaspx。 添 加 LoginView 控件 一 个 。 

(3) 单 击 LoginView 控件 的 智能 标记 ， 选 择 “ 编 辑 RoleGroups” 选 项 ， 在 呈现 的 对 话 框 
中 添加 如 图 9-14 所 示 的 两 个 角色 Admin 和 Member。 


图 9-14 编辑 RoleGroups 界面 


(4) 单 击 LoginView 控件 的 智能 标记 ， 选 择 AnonymousTemplate 视图 ， 输 入 “您 还 未 登 
录 !”， 添 加 一 个 LoginStatus 控件 。 选 择 RoleGroup[0]-Admin， 添 加 一 个 LoginName 控件 、 
两 个 LinkButton 控件 和 一 个 LoginStatus 控件 。 选 择 RoleGroup[1]-Member， 添 加 一 个 
LoginName 控件 、 两 个 LinkButton 控件 和 一 个 LoginStatus 控件 , 参考 源 程序 分 别 设置 各 控件 
属性 。 最 后 ， 浏 览 Default.aspx 进行 测试 。 

程序 说 明 : 
当 用 户 未 登录 时 直接 浏览 Default.aspx 可 看 到 匿名 用 户 界 面 。 单 击 “ 登 录 ” 链 接 将 页 面 
重 定 向 到 网 站 根 文件 夹 下 的 Loginaspx， 以 不 同 角 色 用 户 登 录 后 再 将 页 面 重 定向 到 
Default.aspx， 此 时 可 看 到 对 应 角色 的 不 同 界面 效果 。 
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9.4.6 ”ChangePassword 控件 


ChangePassword 控件 用 于 修改 用 户 的 登录 密码 。 该 控件 集成 了 成 员 资格 管理 功能 ， 支 持 
两 种 情况 的 修改 密码 模式 。 一 种 是 用 户 登录 后 ， 提 交 旧 密码 和 新 密码 来 完成 密码 修改 工作 ; 
另 一 种 是 用 户 不 登录 网 站 ， 此 时 需 提交 用 户 名 、 旧 密码 和 新 密码 完成 密码 修改 工作 。 与 
CreateUserWizard 控件 类 似 ，ChangePassword 控件 也 支持 向 用 户 发 送 包含 已 修改 密码 等 信息 
的 电子 邮件 。 定 义 的 语法 格式 如 下 : 

<asp:ChangePassword ID="ChangePassword1"” runat="server"></asp:ChangePassword> 

要 允许 未 登录 用 户 修 改 密码 ， 需 设置 DisplayUserName 属性 值 为 True。 

ChangePassword 控件 内 置 了 两 个 视图 :“ 更 改 密码 ”视图 和 “成 功 ” 视 图 。 可 以 根据 实 
际 情况 对 这 些 视图 进行 自 定义 设置 。 

实例 9-5 ”修改 用 户 密码 

当 匿 名 用 户 访问 修改 密码 页 面 时 ,呈现 如 图 9-15 所 示 的 界面 ,而 对 已 登录 用 户 呈 现 如 图 
9-16 所 示 的 界面 。 


[EEC 


图 9-15 匿名 用 户 修改 密码 界面 图 9-16 登录 用 户 修改 密码 界面 


源 程 序 ，ChangePwd.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChangePwd.aspx.cs" 
Inherits="ChangePwd" %> 
人 ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:LoginView ID="logvChangePwd" runat="server"> 
<AnonymousTemplate> 
<asp:ChangePassword ID="cpwdAnony" runat="server" 
ContinueDestinationPageUrl="~/Login.aspx" DisplayUserName="True"> 
<TextBoxStyle Width="120px" /> 
</asp:ChangePassword> 
</AnonymousTemplate> 
<LoggedInTemplate> 
<asp:ChangePassword ID="cpwdLogged" runat="server" 
ContinueDestinationPageUrl="~/Default .aspx"> 
<TextBoxStyle Width="120px" /> 
</asp:ChangePassword> 
</LoggedIinTemplate> 
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</asp:LoginView> 
</div> 
</form> 


…( 略 ) 


操作 步骤 : 

在 Chap9Site 网 站 根 文件 夹 中 建立 ChangePwd.aspx。 添 加 一 个 LoginView 控件 ， 在 其 
AnonymousTemplate 和 LoggedImTemplate 视图 中 分 别 添加 一 个 ChangePassword 控件 , 参考 源 
程序 分 别 设置 各 控件 属性 。 

程序 说 明 : 

当 用 户 未 登录 时 ， 浏 览 ChangePwd.aspx 可 看 到 匿名 用 户 访问 的 效果 。 浏 览 Login.aspx， 
用 户 成 功 登 录 后 被 重 定 向 到 Defaultaspx ， 单 击 “ 密 码 修改 ”链接 再 被 重 定 向 到 
ChangePwd.aspx， 此 时 可 看 到 登录 用 户 访问 的 效果 。 


9.4.7 ”PasswordRecovery 控件 


PasswordRecovery 控件 适用 于 用 户 遗 忘 密码 后 ， 需 要 找 回 或 重 置 密码 的 情况 。 该 控件 与 
成 员 资格 管理 功能 集成 ， 有 两 种 工作 方式 : 一 种 是 找 回 原 有 密码 ， 这 种 模式 需要 将 
<membership> 元 素 的 passwordFormat 属性 值 设置 为 Clear 或 Encrypted; 另 一 种 是 得 到 重 置 密 
人 码 ， 这 种 模式 需 设置 passwordFormat 属性 值 为 Hashed。 因 经 过 Hash 计算 的 密码 不 可 恢复 ， 
所 以 第 二 种 方式 只 能 由 系统 随机 产生 一 个 新 密码 。 最 后 ，PasswordRecovery 将 找 回 或 重 置 的 
密码 通过 电子 邮件 通知 用 户 。 定 义 的 语法 格式 如 下 : 


<asp:PasswordRecovery ID="PasswordRecovery1" runat="server"></asp:PasswordRecovery> 


使 用 PasswordRecovery 时 ， 除 与 passwordFormat 属性 有 关外 , 还 与 <membership> 元 素 中 
的 其 他 属性 有 关 。 例 如 ， 如 果 已 设置 requiresQuestionAndAnswer 值 为 tue， 则 用 户 在 找 回 密 
码 的 过 程 中 将 被 要 求 回答 安全 问题 。 

PasswordRecovery 内 置 了 三 个 视图 :“ 用 户 名 ”视图 “问题 ”视图 和 “成 功 ” 视 图。 可 
以 根据 实际 情况 对 这 些 视图 进行 自 定义 设置 。 

实例 9-6 重 置 用 户 密码 

在 图 9-17 中 输入 用 户 名 ， 单 击 “ 提 交 ” 按 钮 呈现 如 图 9-18 所 示 的 界面 ， 再 输入 安全 问 
题 答案 。 若 输入 的 用 户 名 和 安全 问题 答案 均 正 确 ， 将 向 用 户 在 注册 时 登记 的 邮箱 发 送 包含 重 
置 密码 的 电子 邮件 。 
重 置 室友 页 ~ Tindors Jute 了。 
OO- | 全 x 5 于 [ellsj[x 川 


是 否 忘记 了 您 的 密码 ? 
A 请 输入 您 的 用 户 名 。 


Imember4 
EE 


GOB oalalojxji 
标识 确认 - 
要 接收 您 的 密码 ， 请 回答 下 列 问题 。 
用 户 名 :member4 
问题 :Who are you? 


国 
图 9-17 输入 用 户 名 界面 图 9-18 输入 安全 问题 答案 界面 
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找 回 或 重 置 密码 的 邮件 文本 : GetPwd.txt 


您 好 ， 这 是 一 封 找 回 或 重 置 密码 的 邮件 ， 请 注意 及 时 修改 自己 的 密码 <br /> 
并 删除 本 邮件 ， 谢 谢 使 用 ! <br /> 

用 户 名 : <% userName $> <br /> 

新 密码 : <% password gs> <br /> 

欢迎 再 次 光临 本 站 ! <br /> 


源 程序 : GetPwd.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GetPwd.aspx.cs" 
Inherits="GetPwd" %> 
i (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:PasswordRecovery ID="PasswordRecoveryl" runat="server"> 


<MailDefinition BodyFileName="GetPwd.txt" From="ssgwcyxxd@126.com 
IsBodyHtml="True"” Subject=" 您 的 新 密码 "> 
</MailDefinition> 
</asp:PasswordRecovery> 
</div> 
</form> 


… (上 略 ) 


操作 步骤 : 

(1) 在 Chap9Site 网 站 根 文件 夹 中 建立 GetPwd.txt。 

(2) 配置 Web.config 文件 的 <membership> 和 <system.ne 人 元 素 。 

(3) 在 Chap9Site 网 站 根 文件 夹 中 建立 GetPwd.aspx。 添 加 一 个 PasswordRecovery 控件 ， 
参考 源 程序 设置 控件 属性 。 最 后 ， 浏 览 GetPwd.aspx 进行 测试 。 


9.5 调用 Membership 和 Roles 类 进行 用 户 和 角色 管理 


登录 系列 控件 能 快速 地 创建 用 户 身份 验证 管理 系统 ， 但 对 删除 用 户 、 角 色 管理 等 无 能 为 
这 些 功 能 需要 直接 调用 Membership 和 Roles 类 的 相关 方法 实现 。 

Membership 类 提供 的 典型 方法 有 : 

。 CreateUser( 一 添加 一 个 新 用 户 。 

DeleteUser( 一 一 删除 一 个 指定 用 户 。 

。 FindUsersByEmail() 一 一 根据 指定 的 电子 邮件 参数 获取 用 户 信 息 集合 。 

。 FindUsersByName() 一 一 根据 指定 的 用 户 名 参数 获取 用 户 信息 集合 。 

。 GeneratePassword() 一 一 创建 一 个 特定 长 度 的 随机 密码 。 

。 GetAllUsers() 一 一 获取 所 有 的 用 户 信 息 集合 。 

。 GetNumberOfUsersOnline0) 一 一 获取 当前 访问 网 站 的 登录 用 户 数 (不 包括 匿名 用 户 )。 
。 UpdateUser() 一 一 更 新 数据 库 (默认 ASPNETDB .mdf) 中 指定 用 户 的 信息 。 

。 ValidateUser() 一 一 验证 指定 的 用 户 名 和 密码 。 

Roles 类 提供 的 典型 方法 有 : 
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。 AddUsersToRole() 一 一 将 多 个 用 户 分 配 到 指定 的 角色 中 。 

。 AddUserToRole() 一 一 将 指定 的 一 个 用 户 分 配 到 指定 的 角色 中 。 

。 CreateRole() 一 一 创建 一 个 新 角色 。 

。 DeleteRole(0 一 一 删除 一 个 指定 的 角色 。 

。 GetAllRoles() 一 一 获取 所 有 角色 名 的 列表 。 

。 GetUsersInRole() 一 一 获取 指定 角色 中 包含 的 所 有 用 户 名 的 列表 。 
。 IsUserInRole() 一 一 判断 指定 用 户 是 否 归属 于 指定 的 角色 。 

。 RemoveUserFromRole() 一 一 从 指定 的 角色 中 删除 指定 的 用 户 。 

。 RoleExists() 一 一 判断 是 否 已 存在 指定 的 角色 名 。 

1. 显示 用 户 列表 和 删除 用 户 

用 户 列表 显示 和 删除 用 户 功 能 常 包含 于 网 站 的 后 台 管 理 中 ， 仅 提供 给 特定 的 角色 用 户 ， 
在 网 站 开发 过 程 中 要 注意 授权 的 分 配 。 


实例 9-7 显示 用 户 列表 和 删除 用 户 
本 实例 只 有 在 归属 于 Admin 角色 中 的 用 户 登 录 后 才能 显示 如 图 9-19 所 示 的 界面 ， 单 击 
“删除 ”链接 按钮 将 删除 对 应 行 的 用 户 。 


ETIDTTTTTIDRCTTTETCTOC LISIxi 
Ge.5alalolx Ed 


用 户 名 注册 时 间 最 后 登录 时 间 
ladmin |2013/12/29 10:19:33|2013/1230 22:07:11 辆 际 | 
[member1|2013/12/29 16:44:46|201311229 16:44:46 辑 际 | 
Imember2|2013/12/29 16:46:35|2013/12/29 16:4637 骨 内 | 
membeal201311229 16:59-14|2013/1239 16359:15 几 噬 | 


图 9-19 DelUseraspx 浏览 效果 


源 程序 ，Admin 文件 夹 中 的 Web.config 
<?Xxml version="1.0" encoding="utf-8"?> 
<configuration> 

<system.web> 
<authorization> 
<! 一 -允许 Admin 角色 中 用 户 访问 Admin 文件 夹 --> 
<allow roles="Admin" /> 
<!-- 拒 绝 Member 角色 中 用 户 访问 Admin 文件 夹 --> 
<deny roles="Member" /> 
<!-- 拒 绝 匿名 用 户 访问 Rdmin 文件 夹 --> 
<deny users="?" /> 
</authorization> 
</system.web> 


</configuration> 


源 程序 : DelUseraspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DelUser.aspx.cs" 
Inherits="Admin DelUser" %> 
… (了 略 ) 


<form id="forml" runat="server"> 
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<div> 
<asp:GridView ID="gvUser" runat="server" AutoGenerateColumns="False" 
OnRowDeleting="gvUser RowDeleting"> 
<Columns> 
<asp:BoundField DataField="UserName" HeaderText=" 用 户 名 " /> 
<asp:BoundField DataField="CreationDate" HeaderText=" 注 册 时 间 " /> 
<asp:BoundField DataField="LastLoginDate" HeaderText=" 最 后 登录 时 间 " /> 
<asp:CommandField ShowDeleteButton="True" /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 


000 (上 略 ) 


源 程序 .DelUser.aspx.cs 
using System; 
using System.Web.Security; 
using System.Web.UI.WebControls; 
public partial class Admin DelUser : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
GetRAl1Users (); // 调 用 自 定义 方法 显示 所 有 用 户 信息 


} 
private void GetAllUsers() 
{ 
// 获 取 所 有 的 用 户 信息 集合 
MembershipUserCollection users = Membership.GetRl1Users (); 
gvUser.DataSource = users; 
gvUser.DataBind(); 
} 
protected void gvUser RowDeleting (object sender, GridViewDeleteEventArgs e) 
{ 
GridViewRow gvRow = gvUser.Rows[e.RowIndex]; 
string userName = gvRow.Cells[0].Text; 


Membership.DeleteUser (userName); // 删 除 用 户 
GetAllUsers () // 调 用 自 定义 方法 显示 所 有 用 户 信息 
} 
} 
操作 步骤 : 


(1) 在 Chap9Site 网 站 根 文件 夹 下 建立 Admin 文件 夹 。 
(2) 参 考 源 程序 利用 “ASPNET 网 站 管理 工具 ”配置 Admin 文件 夹 的 授权 , 此 时 在 Admin 
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文件 夹 中 会 自动 生成 Web.config 文件 。 也 可 以 直接 在 Admin 文件 夹 中 建立 Web.config 文件 。 

(3) 在 Admin 文件 夹 中 分 别 建立 DelUseraspx 和 DelUseraspx.cs 文件 。 最后， 浏览 
DelUser.aspx 进行 测试 。 

程序 说 明 : 

若 用 户 未 登录 , 则 浏览 DelUseraspx 时 被 重 定向 到 ~/Login.aspx( 由 根 文件 夹 下 Web.config 
文件 的 <forms> 元 素 中 loginUn 属性 设置 的 URL 确定 )。 只 有 当归 属于 Admin 角色 中 的 用 户 
通过 身份 验证 后 ， 再 被 重 定 向 到 DelUseraspx。 

DelUseraspx 页 面 首次 载 入 时 调用 自 定义 方法 GetAllUsersO 得 到 所 有 的 用 户 信息 集合 
绑 定 到 gvUser 控件 。 当 单 击 “删除 ”链接 按钮 时 ,在 删除 对 应 行 之 前 触发 RowDeleting 事件 ， 
删除 数据 库 中 指定 的 用 户 信息 ， 再 调用 自 定义 方法 GetAllUsers0 显 示 当 前 所 有 用 户 信息 。 

2. 用 户 归 属 角色 的 操作 

ASPNET 4.5 网 站 开发 车 使 用 基于 角色 的 安全 技术 ， 应 在 网 站 开发 时 就 要 考虑 实际 情况 
中 可 能 出 现 的 角色 ,然后 利用 “ASPNET 网 站 管理 工具 ”预先 建立 这 些 角 色 ， 并 对 这 些 角 色 
设置 合适 的 访问 规则 。 一 旦 网 站 运行 后 再 注册 的 用 户 ， 可 以 通过 调用 Roles.AddUserToRole() 
方法 将 该 用 户 添加 到 相应 的 角色 中 。 一 般 考 虑 在 网 站 的 后 台 管 理 中 实现 对 某 些 注册 的 用 户 添 
加 到 指定 的 角色 或 从 角色 中 删除 一 些 用 户 等 功能 ， 并 且 只 能 由 特定 的 角色 才能 操作 。 


实例 9-8 ”添加 用 户 到 角色 和 从 角色 中 删除 用 户 
在 图 9-20 中 ， 单 击 某 角 色 名 后 将 显示 该 角色 包含 的 用 户 。 单 击 “ 从 角色 中 删除 ”链接 按 
钮 将 从 指定 角色 中 删除 所 在 行 的 用 户 。 单 击 “ 添 加 到 角色 ”按钮 将 选中 的 用 户 添加 到 选中 的 
角色 中 。 


TITETTETTETTTTTDRDTCO J 


GO 59a i 
角色 ，[Agamm 一 用 户 ， pn" he 
Imember2 


memberl 从 角色 中 删除 
member2 从 角色 中 删除 


图 9-20 RolesUsers.aspx 浏览 效果 


源 程序 .RolesUsers.aspx 


<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="RolesUsers.aspx.cs" 
Inherits="Admin RolesUsers" %> 
… 《上 略 》 
<form id="forml" runat="server"> 
<div> 
<table> 
<tr> 
<td style="vertical-align: top"> 
<asp:Label ID="lblRole" runat="server"” Text=" 角 色 : "></asp:Label> 
</td> 
<td> 
<asp:ListBox ID="lstRoles" runat="server" AutoPostBack="true" /> 
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</td> 
<td style="vertical-align: top"> 
<asp:Label ID="lblUser" runat="server" Text=" 用 户 : "></asp:Label> 
</td> 
<td> 
<asp:ListBox ID="lstUsers" runat="server" DataTextField="Username" 
SelectionMode="Multiple" /> 
</td> 
<td style="vertical-align: top"> 
<asp:Button Text=" 添 加 到 角色 " ID="btnToRole" runat="server" 
OnC1lick="btnToRole Click" /><br /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</td> 
/EE> 
</table> 
<asp:GridView ID="gvUsers" runat="server" AutoGenerateColumns="False" 
CellPadding="4" GridLines="None" 
OnRowDeleting="gvUsers RowDeleting"> 


<HeaderStyle BackColor="navy" ForeColor="white" /> 
<Columns> 
<asp:TemplateField HeaderText=" 用 户 名 "> 
<ItemTemplate> 
<asp:Label ID="lblName" runat="server" 
Text="<%# Container.DataItem.ToString() %>"></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:CommandField DeleteText=" 从 角色 中 删除 " ShowDeleteButton="True" /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 


… (上 略 ) 


源 程序 : RolesUsers.aspx.cs 
using System; 
using System.Web.Security7 
using System.Web.UI.WebControls; 
public partial class Admin RolesUsers : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
// 绑 定 所 有 角色 到 1stRoles 
string[] roles = Roles.GetAllRoles(); 


lstRoles.DataSource = roles; 


第 9 章 ， 用 户 和 角色 管理 和 491 


lstRoles.DataBind(); 
// 绑 定 所 有 用 户 到 lstUsers 
MembershipUserCollection users = Membership.GetAllUsers () 
lstUsers.DataSource = users; 
lstUsers.DataBind(); 
} 
if (lstRoles.SelectedItem != null) 
{ 
GetUsersInRole(); // 调 用 自 定义 方法 显示 归属 于 选中 角色 的 所 有 用 户 


} 
private void GetUsersInRole () 
{ 
string[] usersInRole = Roles.GetUsersInRole (1stRoles.SelecteqValue) ; 
gvUsers.DataSource = usersInRole; 
gvUsers.DataBind(); 
} 
protected void btnToRole Click(object sender, EventArgs e) 
{ 
if (lstRoles.SelectedItem == null)  // 判 断 是 否 已 选择 角色 
{ 
lblMsg .Text = "请 选择 角色 ! "7 
return; 
} 
if (lstUsers.SelectedItem == null)  // 判 断 是 否 已 选择 用 户 
{ 
lblMsg .Text = "请 选择 用 户 ! "; 
return; 
} 
/ /创建 选择 的 用 户 列表 
string[] newUsers = new string[lstUsers.GetSelectedIndices() .Length]; 
for (int i = 0; i < newUsers.Length; i++) 


{ 


newUsers[i] = lstUsers.Items[lstUsers.GetSelectedIndices() [i]] .Value; 
} 
try 
{ 

// 添 加 用 户 列表 到 选择 的 角色 中 


Roles.AdqdUsersToRole (newUsers, lstRoles.SelectedValue); 
GetUsersInRole (); // 调 用 自 定义 方法 显示 归属 于 选中 角色 的 所 有 用 户 
} 
catch (Exception ee) 


{ 
lblMsg.Text = ee.Message; 
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protected void gvUsers RowDeleting (object sender, GridViewDeleteEventArgs e) 
{ 
// 获 取 要 删除 的 用 户 名 


GridViewRow gridViewRow = gvUsers.Rows[e.RowIndex]; 
Label lblName = (Label) gridViewRow.Cells[0] .FindControl ("lblName"); 
string username = lblName.Text; 
try 
{ 
// 从 选中 的 角色 中 删除 用 户 
Roles .RemoveUserFromRole (username, lstRoles.SelectedValue); 
catch (Exception ee) 
{ 
lblMsg .Text = "从 角色 中 删除 用 户 时 的 错误 : " + ee.GetType() .ToString(); 
} 
GetUsersInRole(); // 调 用 自 定义 方法 显示 归属 于 选中 角色 的 所 有 用 户 
. 
» 


操作 步骤 : 

在 Admin 文件 夹 中 分 别 建立 RolesUsers.aspx 和 RolesUsers.aspx.cs 文件 。 然后， 浏览 
RolesUsers.aspx 进行 测试 。 

程序 说 明 : 

在 GridView 中 显示 选中 角色 中 包含 的 用 户 时 ， 使 用 了 Container.DataItem 属性 。 这 种 方 
式 常 应 用 于 将 数组 、 列 表 等 集合 数据 绑 定 到 GridView 后 ， 在 GridView 中 显示 绑 定 的 数据 。 
其 中 ，Container 返回 GridViewRow 容器 对 象 , DataItem 返回 绑 定 到 GridViewRovw 的 数据 项 。 

RolesUsers.aspx 页 面 首 次 载 入 时 将 数据 库 (默认 ASPNETDB.mdf) 中 已 建立 的 角色 名 和 
用 户 名 分 别 绑 定 到 两 个 ListBox 上 。 
当选 中 某 角 色 时 ， 引 起 页 面 往 返 ， 触 发 Page.Load 事件 ， 执 行 Page_Load() 方 法 代码 ， 将 
选中 角色 包含 的 用 户 绑 定 到 GridView 上 。 
当 单 击 “ 从 角色 中 删除 ”链接 按钮 时 ， 在 删除 选择 行 之 前 触发 RowDeleting 事件 ， 从 选 
中 角色 中 删除 选择 行 所 在 的 用 户 ， 再 刷新 GridView。 

当选 择 完 用 户 ， 再 单 击 “ 添 加 到 角色 ”按钮 后 将 把 这 些 用 户 添加 到 选中 的 角色 中 ， 最 后 
刷新 GridView。 


9.6 小 结 


本 章 主要 介绍 了 ASPNET 4.5 网 站 开发 的 身份 验证 机 制 、 用 户 和 角色 管理 等 。 

身份 验证 是 网 站 开发 中 不 可 或 缺 的 功能 , 根据 适用 的 场合 主要 包括 Windows 身份 验证 和 
Forms 身份 验证 。Windows 身份 验证 适用 于 构建 基于 Intranet 的 网 站 ， 而 Forms 身份 验证 适 
用 于 构建 基于 Intemet 的 网 站 。 使 用 Forms 验证 常 要 和 Web.config、 用 户 和 角色 管理 配合 。 
用 户 管理 在 ASPNET 4.5 中 通过 成 员 资格 管理 实现 ， 而 用 户 授权 由 角色 管理 实现 。 要 使 
用 角色 管理 ， 需 要 将 网 站 的 页 面 根据 角色 不 同 进行 分 类 ， 并 归属 于 不 同 的 文件 夹 。 实 际 上 ， 
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授权 的 实现 建立 在 对 文件 夹 设 置 访 问 规则 的 基础 上 。 实 现成 员 资格 管理 和 角色 管理 的 途径 有 : 
一 是 利用 “ASPNET 网 站 管理 工具 ”; 二 是 利用 登录 系列 控件 ; 三 是 直接 调用 Membership 和 
Roles 等 类 的 方法 。 但 实际 工程 使 用 常 需要 三 种 途径 的 配合 。 例 如 ， 在 网 站 开发 时 常 利用 
“ASPNET 网 站 管理 工具 ”建立 管理 员 用 户 和 足够 多 的 角色 ， 并 且 对 所 有 的 角色 进行 访问 规 
则 设置 以 实现 授权 ;在 网 站 运行 时 需 使 用 登录 系列 控件 提供 用 户 注册 、 登 录 等 功能 ， 在 网 站 
后 台 管 理 时常 利 用 相关 类 的 方法 对 已 注册 的 用 户 实现 删除 、 归 属 到 不 同 的 角色 中 实现 不 同 的 
权限 等 功能 。 


1. 填空 题 

(1) ASPNET 4.5 提供 的 身份 验证 方式 包括 : 、Passport 身份 验证 、 
None 身份 验证 和 ; 

(2) 适合 于 企业 内 部 使 用 的 验证 方式 是 

(3) 要 获取 Web.config 文件 的 <forms> 元 素 的 属性 信息 可 使 用 _ 类。 

(4) 若 要 求 用 户 注册 时 密码 至 少 8 位 ， 应 设置 <membership> 元 素 的 __。 

(5) Web.config 文件 中 的 元 素 用 于 实现 对 文件 夹 的 授权 。 

(6) 在 Forms 验证 中 ， 通 过 _ 判断 用 户 是 否 已 登录 。 

2. 是 非 题 

(1) Forms 验证 不 能 应 用 于 企业 内 部 网 络 。 

(2) Forms 验证 使 用 时 需要 在 操作 系统 中 建立 用 户 。 

(3) 成 员 资 格 管理 、 角 色 管理 等 信息 只 能 存储 在 ASPNETDB.mdf 数据 库 中 。 

(4) 结合 使 用 CreateUserWizard 控件 的 发 送 邮件 功能 和 AutoGeneratePassword 属性 可 
证 注册 用 户 电子 邮箱 的 正确 性 。 

(5) 使 用 LoginName 控件 可 以 显示 登录 用 户 的 状态 。 

(6) 一 个 用 户 只 能 归属 于 一 种 角色 。 

(7) ChangePassword 控件 在 修改 密码 成 功 后 可 向 用 户 发 送 电 子 邮 件 。 

3. 选择 题 

(1) 利用 “ASPNET 网 站 管理 工具 ”， 不 能 实现 的 操作 是 ( ” ) 。 


入 人 入 人 入 修 魏 人 ~ 人 ~ 人 ~ 
NS 


A. 设置 网 站 的 身份 验证 类 型 B. 管理 操作 系统 用 户 
C. 删除 角色 D. 用 户 授权 


(2) 下 面 有 关 LoginView 控件 的 描述 中 ， 错 误 的 是 ( ) 。 
A. 可 以 为 不 同 的 角色 用 户 提供 不 同 的 视图 
B. 可 以 为 不 同 的 角色 用 户 提供 相同 的 视图 
C. 若 已 设置 AnonymousTemplate 和 LoggedInTemplate， 则 在 显示 时 首先 显示 
AnonymousTemplate 视图 
D. 可 以 为 登录 用 户 提供 相同 的 视图 
(3) 若 某 文件 夹 中 的 Web.config 文件 包含 如 下 代码 : 


<authorization> 
<allow roles="Admin" /> 
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<deny users="*" /> 
<allow roles="Member" /> 


</authorization> 
则 允许 访问 此 文件 夹 中 页 面 的 角色 的 有 (  ) 。 
A. Admin B. Admin 和 Member C. Member D. 拒绝 所 有 角色 用 户 
(4) Login 控件 的 DestinationPageUrl 属性 的 作用 是 (  ) 。 
A. 登录 成 功 时 的 提示 B. 登录 失败 时 的 提示 
C. 登录 失败 时 重 定向 的 页 面 D. 登录 成 功 时 重 定向 的 页 面 
4. 简 答题 


(1) 举例 说 明 身 份 验证 和 授权 过 程 。 

(2) 说 明 实 现 角 色 管 理 的 流程 。 

5. 上 机 操作 题 

(1) 使 用 “ASPNET 网 站 管理 工具 ”配置 自行 建立 的 网 站 。 

(2) 建立 并 调试 本 章 的 所 有 实例 。 

(3) 利用 aspnet regsqlexe 将 MyPetShop 数据 库 配 置 为 存储 成 员 资格 管理 、 角 色 管 理 、 
个 性 化 配置 等 信息 的 数据 库 ， 并 在 此 基础 上 建立 自己 的 身份 验证 系统 。 

(4) 结合 Profile 和 CreateUserWizard 控件 实现 新 用 户 注册 时 能 收集 用 户 的 其 他 信息 ， 如 
电话 号 码 、 邮 寄 地 址 、 邮 编 等 。 

(5) 实现 对 第 (4) 题 所 建立 用 户 的 查询 、 修 改 、 删 除 等 功能 。 


主题 、 母 和 版、 用户 控件 和 Web 部 件 


本 章 要 点 : 

* 掌握 建立 和 使 用 主题 的 方法 。 

* 理解 母 版 页 并 能 建立 母 版 页 。 

* 掌握 利用 母 版 页 创建 一 致 页 面 布局 的 方法 。 

* 掌握 建立 和 使 用 用 户 控件 的 方法 。 

* 熟练 利用 Web 部 件 实现 用 户 个 性 化 界面 的 方法 。 


10.1 主 题 


在 Web 应 用 程序 中 ， 通 常 所 有 的 页 面 都 有 统一 的 外 观 和 操作 方式 。ASPNET 4.5 通过 应 
用 主题 来 提供 统一 的 外 观 。 主 题 包括 外 观 文 件 、CSS 文件 和 图 片 文件 等 。 


10.1.1 ”主题 概述 


和 CSS 类 似 ， 主 题 包含 了 定义 页 面 和 控件 外 观 的 属性 集合 ， 可 以 认为 主题 是 CSS 的 扩 
展 。 主题 至 少 应 包含 外 观 文件 ， 另 外 ， 还 可 以 包括 CSS 文件 、 图 片 文件 及 其 他 资源 。 主 题 在 
存储 时 与 一 个 主题 文件 夹 对 应 。 当 存在 多 个 主题 文件 夹 时 ， 就 可 以 选择 不 同 的 主题 显示 不 同 
的 网 站 风格 。 

主题 类 型 中 最 常用 的 是 应 用 于 单个 Web 应 用 程序 的 应 用 程序 主题 。 它 存储 于 网 站 根 文件 
夹 下 的 App_Themes 文件 夹 中 ， 也 就 是 说 ，App_Themes 文件 夹 中 的 每 个 子 文件 夹 都 对 应 一 
个 应 用 程序 主题 。 


10.1.2” 自 定义 主题 


1， 主 题 和 外 观 文件 

一 个 主题 必须 包含 外 观 文件 。 下 面 以 创建 Red 主题 和 Red.skin 外 观 文 件 为 例 说 明 ， 操 作 
步骤 如 下 : 

(1) 为 清晰 地 理解 本 章 实例 ， 在 Book 解决 方案 中 新 建 一 个 Chap10Site 网 站 。 

(2) 右 击 Chapl0Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 ASPNET 文件 
夹 ” 一 “主题 ”命令 ，VSEW 2012 会 在 网 站 根 文件 夹 下 自动 创建 App_Themes 文件 夹 ， 并 在 
该 文件 夹 下 建立 主题 文件 夹 。 输 入 主题 名 Red。 

(3) 右 击 主题 文件 夹 Red， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “外 观 文件 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 输入 外 观 文 件 名 Red.skin。 

(4) 打开 Red.skin 文件 ， 可 为 不 同类 型 的 控件 添加 仅 对 外 观 属性 进行 定义 的 外 观 样式 。 

利用 SkinID 属性 可 以 为 同 种 类 型 控件 定义 多 种 外 观 ， 没 有 SkinID 的 则 为 默认 外 观 ， 有 
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SkinID 的 称 为 已 命名 外 观 。 在 使 用 时 ， 同 一 主题 中 不 允许 同 种 类 型 控件 有 重复 的 SkinID 值 。 
下 面 的 示例 代码 为 Label 类 型 控件 定义 了 三 种 外 观 样式 : 
<asp:Label runat="server" ForeColor="#FF0000" Font-Size="X-Small" /> 


<asp:Label runat="server" ForeColor="#00FF00" Font-Size="X-Small" SkinID="LabelGreen" /> 
<asp:Label runat="server" ForeColor="#0000FF™ Font-Size="X-Small" SkinID="LabelBlue" /> 


当 为 同 种 类 型 控件 定义 多 种 外 观 样式 后 ,在 页 面 中 使 用 主题 时 应 通过 控件 的 属性 SkinID 
进行 区 分 ， 如 : 


<asp:Label ID="lblMsg" runat="server" ForeColor="#0000FF" Font-Size="X-Small" 
SkinID="LabelBlue" /> 


表示 lblMsg 控件 使 用 LabelBlue 外 观 样式 。 

2. 添加 CSS 到 主题 

外 观 文件 只 能 定义 与 服务 器 控件 相关 的 样式 ， 如 果 要 设置 XHTML 元 素 的 样式 ， 则 要 通 
过 在 主题 中 添加 CSS 文件 来 实现 。 操 作 时 ， 可 右 击 主题 文件 夹 Red， 在 弹出 的 快捷 菜单 中 选 
择 “ 添 加 ”一 “样式 表 ” 命 令 , 然后 在 呈现 的 对 话 框 中 输入 样式 文件 名 Red.css。 之 后 在 Red.css 
中 添加 XHTML 元 素 的 样式 。 

3。 添 加 图 片 文件 到 主题 

在 主题 中 添加 图 片 文件 ， 可 以 创建 更 好 的 控件 外 观 。 通 常 在 主题 文件 夹 中 创建 Images 
子 文件 夹 ， 再 添加 合适 的 图 片 文件 到 Images 文件 来。 要 使 用 Images 文件 夹 中 的 图 片 文 件 ， 
可 以 通过 控件 的 用 于 链接 图 片 文件 的 URL 属性 进行 访问 。 


10.1.3 ”使 用 主题 


自 定义 或 从 网 上 下 载 主题 后 ， 就 可 以 在 Web 应 用 程序 中 使 用 主题 。 使 用 时 ， 可 以 在 单个 
页 面 中 应 用 主题 ， 也 可 以 在 网 站 或 网 站 的 部 分 页 面 中 应 用 主题 。 

1， 对 单个 页 面 应 用 主题 

对 单个 页 面 应 用 主题 需要 使 用 @ Page 指令 的 Theme 或 StylesheetTheme 属性 。 示 例 代码 
如 下 : 


<%@ Page Theme="ThemeName" 当 > 
<%@ Page StylesheetTheme="ThemeName" $%> 


其 中 ，StylesheetTheme 属性 表示 主题 为 本 地 控件 的 从 属 设置 。 也 就 是 说 ， 如 果 在 页 面 上 
为 某 个 控件 设置 了 本 地 属性 ， 则 主题 中 与 该 控件 本 地 属性 相同 的 属性 将 不 起 作用 。 而 若 使 用 
Theme 属性 ， 则 本 地 属性 值 会 被 主题 中 设置 的 属性 值 所 覆盖 。 

2. 对 网 站 应 用 主题 

可 以 通过 修改 网 站 的 Web.config 文件 ， 将 主题 应 用 于 整个 网 站 。 示 例 代码 如 下 : 


<configuration> 
<system.web> 
<pages theme="ThemeName"></pages> 
</system.web> 


</configuration> 
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此 时 ， 网 站 中 所 有 的 ASPNET 页 面 都 将 应 用 ThemeName 主题 。 
如 果 要 对 网 站 中 的 部 分 页 面 应 用 某 主题 ， 一 种 方法 是 将 这 些 页 面 放 在 一 个 文件 夹 中 ， 然 
后 在 该 文件 夹 中 建立 Web.config 文件 实现 主题 的 配置 。 另 一 种 方法 是 在 根 文件 夹 下 的 
Web.config 文件 中 通过 <location> 元 素 指 定子 文件 夹 。 例 如 ， 为 子 文件 夹 SubDir 设置 主题 的 
示例 代码 如 下 : 
<configuration> 
<location path="SubDir"> 
<system.web> 
<pages theme="ThemeName"></pages> 
</system.web> 
</location> 


</configuration> 

3， 禁 用 主题 

默认 情况 下 ， 主 题 将 重 写 页 面 和 控件 外 观 的 本 地 设置 。 若 希望 单独 给 某 些 控件 或 页 面 预 
定义 外 观 ， 而 不 希望 主题 改变 预 设 的 属性 ， 就 可 以 通过 禁用 主题 来 实现 。 有 具体 实现 时 ， 是 否 
禁用 主题 由 控件 和 页 面 的 EnableTheming 属性 确定 。 例 如 ， 在 页 面 中 禁用 主题 的 示例 代码 
如 下 : 

<%@ Page EnableTheming="False" %> 

在 控件 中 禁用 主题 的 示例 代码 如 下 : 


<asp:Label ID="]lblMsg" runat="server" EnableTheming="False"></asp:Label> 


实例 10-1 动态 切换 主题 

在 图 10-1 中 ， 当 选择 不 同 的 主题 后 ， 页 面 中 的 控件 将 呈现 不 同 的 外 观 。 
ES ET olx 

CHIEN? http://localhost:49 癌 扣 | 


-请 迹 摊 主 是 -时 和 
用 户 名 : 


图 10-1 Theme.aspx 浏览 效果 


源 程序 : Blue.skin 


<asp:Label runat="server" ForeColor="Blue" /> 
三 央 


<asp:TextBox runat="server" ForeColor="Blue" /> 


<asp:Button runat="server" ForeColor="Blue" /> 


源 程序 : Green.skin 


<asp:Label runat="server" ForeColor="Green" /> 
<asp:TextBox runat="server" ForeColor="Green" /> 


<asp:Button runat="server" ForeColor="Green" /> 
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源 程序 : Theme.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Theme.aspx.cs" 
Inherits="Theme" $> 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:DropDownList ID="ddlThemes" runat="server" AutoPostBack="True"> 
<asp:ListItem Value="0">-- 请 选择 主题 --</asp:ListItem> 
<asp:ListItem>Blue</asp:ListItem> 
<asp:ListItem>Green</asp:ListItem> 
</asp:DropDownList><br /> 
<asp:Label ID="lblName" runat="server" EnableTheming="True" Text=" 用 户 名 :; "> 
</asp:Label> 
<asp:TextBox ID="txtName" runat="server" EnableTheming="True"></asp:TextBox><br/> 
<asp:Button ID="btnSubmit" runat="server" EnableTheming="False" 
Text=" 确 定 "”/> 
</div> 
</form> 


… ( 略 ) 


源 程序 : Theme.aspx.cs 
using System; 
using System.Web.UI7 
public partial class Theme : System.Web.UI.Page 


{ 


protected void Page PrelInit (object sender, EventArgs e) 


{ 
// 当 选择 ddlThemes 下 拉 列 表 框 中 的 Blue 或 Green 时 改变 页 面 主题 
if (Request["ddlThemes"] != "0") 


{ 
Page.Theme = Request["ddlThemes"]; 


} 


} 


操作 步骤 : 

(1) 在 Chapl0Site 网 站 中 建立 Blue 主题 ， 之 后 在 Blue 主题 中 建立 Blue.skin 文件 。 

(2) 在 Chapl0Site 网 站 中 建立 Green 主题 ， 之 后 在 Green 主题 中 建立 Green.skin 文件 。 

(3) 在 Chap10Site 网 站 的 根 文件 夹 下 建立 Theme.aspx， 并 添加 DropDownList、Label、 
TextBox、Button 控件 各 一 个 ， 参 考 源 程序 设置 控件 属性 。 

(4) 建立 Theme.aspx.cs。 最 后 ， 浏 览 Theme.aspx 进行 测试 。 

程序 说 明 : 

在 对 ddlThemes 控件 的 Iems 属性 进行 设置 时 ， 将 “-- 请 选择 主题 --” 项 的 Value 属性 值 
设置 为 0， 这 样 在 程序 中 即 可 容易 地 判断 是 否 选 择 了 “-- 请 选择 主题 --”。 

Page.Theme 属性 值 的 设置 必须 在 Page.PreInit 事件 的 处 理 代码 中 进行 设置 。 此 时 ， 通 过 


第 10 章 主题 、 母 版 、 用 户 控 件 和 Web 部 件 Vg 


Request["ddlThemes"] 可 获取 ddlThemes 控件 中 被 选中 的 值 。 
因为 bmSubmit 控件 的 EnableTheming 属性 值 为 False, 所 以 作用 于 该 控件 的 主题 被 禁用 ， 
使 得 该 控件 的 颜色 不 会 发 生变 化 。 


10.2 母 版 页 


利用 母 版 页 可 以 方便 快捷 地 建立 统一 页 面 风格 的 ASPNET 网 站 ， 并 且 容 易 管理 和 维护 ， 
从 而 可 以 大 大 提高 网 站 设计 效率 。 


10.2.1 ”和 母 版 页 概述 


母 版 页 可 以 为 页 面 创建 一 致 的 布局 。 使 用 时 , 母 版 页 为 页 面 定 义 所 需 的 外 观 和 标准 行为 ， 
然后 在 母 版 页 基础 上 创建 要 包含 显示 内 容 的 各 个 内 容 页 。 当 用 户 请 求 内 容 页 时 ， 这 些 内 容 页 
将 与 母 版 页 合并 ， 使 得 母 版 页 的 布局 与 内 容 页 的 内 容 可 以 组 合 在 一 起 输出 。 

使 用 母 版 页 具有 下 面 的 优点 : 

(1) 使 用 母 版 页 可 以 集中 处 理 页 面 的 通用 功能 ， 也 就 是 说 ， 若 要 修改 所 有 页 面 的 通用 功 
能 ， 只 需要 修改 母 版 页 即 可 。 

(2) 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ， 并 应 用 于 一 组 页 面 。 例 如 ， 可 以 在 母 
版 页 上 使 用 控件 来 创建 一 个 应 用 于 所 有 页 面 的 菜单 。 

(3) 通过 控制 占 位 符 控件 的 呈现 方式 ， 母 版 页 可 以 在 细节 上 控制 最 终 页 的 布局 。 

母 版 页 由 特殊 的 @ Master 指令 识别 ， 该 指令 蔡 换 了 用 于 普通 .aspx 页 面 的 @ Page 指令 。 
除 @ Master 指令 外 ， 母 版 页 还 包含 其 他 的 XHTML 元 素 ， 如 <html>、<head> 和 <form>。 实 际 
上 , 在 母 版 页 中 可 以 使 用 任何 XHTML 元 素 和 ASPNET 元 素 。 通常 需 要 在 母 版 页 上 通过 一 个 
<img> 元 素 或 Image 控件 呈现 公司 的 微 标 ， 使 用 静态 文本 进行 版 权 声 明 以 及 使 用 服务 器 控件 
创建 网 站 导航 等 。 

母 版 页 可 以 包含 一 个 或 多 个 可 替换 内 容 的 占 位 符 控件 ContentPlaceHolder。 实 际 使 用 时 ， 
这 些 占 位 符 控件 定义 可 替换 内 容 呈 现 的 区 域 ， 然 后 在 内 容 页 中 定义 可 替换 内 容 ， 最 后 ， 这 些 
可 替换 内 容 将 呈现 在 占 位 符 控件 定义 的 区 域 中 。 

母 版 页 文件 的 扩展 名 是 .master。 内 容 页 通过 MasterPageFile 属性 指定 母 版 页 的 文件 路 径 。 
内 容 页 中 包含 Content 控件 , 并 使 用 ContentPlaceHolderID 属性 与 母 版 页 中 的 ContentPlaceHolder 
控件 联系 起 来 。 


10.2.2 ”创建 母 版 页 
创建 母 版 页 的 方式 和 创建 Web 窗 体 类 似 。 


实例 10-2 创建 母 版 页 
本 实例 将 创建 一 个 母 版 页 MasterPage.master， 该 母 版 页 采用 常见 的 “上 中 下 ”页 面 布局 。 


源 程序 : MasterPage.master 


<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" 


Inherits="MasterPage" $> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.o0rg/1999/xhtml"> 
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<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 母 版 页 </title> 
<asp:ContentPlaceHolder ID="cphHead" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<header> 
母 版 页 中 添加 的 网 站 logo、 搜 索 入 口 、 登 录入 口 、 站 点 导航 栏 等 信息 。 
</header> 
<section> 
<asp:ContentPlaceHolder ID="cphSection" runat="server"> 
</asp:ContentPlaceHolder> 
</section> 
<footer> 
母 版 页 中 添加 的 页 底部 版 权 等 信息 。 
</footer> 
</div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 右 击 Chap10Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “ 母 版 页 ”模板 ， 输 入 母 版 页 名 MasterPage.master。 此 时 ， 若 选中 
“选择 母 版 页 ” 复 选 杠 ， 则 表示 可 以 在 其 他 母 版 页 的 基础 上 建立 当前 的 母 版 页 。 单 击 “ 添 加 ” 
按钮 建立 文件 。 

(2) 参考 源 程序 添加 XHTML 元素 和 相应 的 内 容 。 


10.2.3 ”创建 内 容 页 


母 版 页 提供 了 统一 布局 的 模板 ， 而 要 显示 不 同 页 面 的 内 容 需 要 创建 不 同 的 内 容 页 。 内 容 
页 仅 包含 要 与 母 版 页 合并 的 内 容 ,可 以 在 其 中 添加 用 户 请 求 该 页 面 时 要 显示 的 文本 和 控件 等 。 


实例 10-3 创建 内 容 页 
本 实例 将 创建 基于 母 版 页 MasterPage.master 的 内 容 页 。 图 10-2 给 出 了 浏览 内 容 页 
ContentPage.aspx 时 的 效果 。 


(FO | ro /noe 
母 版 页 中 添加 的 网 站 logo、 搜 索 入 口 、 登 录入 口 、 站 点 导航 栏 等 信息 。 和 
内 容 页 中 添加 的 页 面 内 容 。 

母 版 页 中 添加 的 页 底部 版 权 等 信息 。 


图 10-2 ”ContentPage.aspx 浏览 效果 


第 1o 章 ， 主 题 、 母 版 、 用 户 控件 和 Web 部 件 < 


源 程序 : ContentPage.aspx 


<%@ Page Title=" 内 容 页 " Language="C#" MasterPageFile="~/MasterPage.master" 
AutoEventWireup="true" CodeFile="ContentPage.aspx.cs" Inherits="ContentPage"%®> 

<asp:Content ID="ContentHead" ContentPlaceHolderID="cphHead" runat="Server"> 

</asp:Content> 

<asp:Content ID="ContentSection" ContentPlaceHolderID="cphSection" runat="Server"> 
<p> 内 容 页 中 添加 的 页 面 内 容 。</p> 

</asp:Content> 


操作 步骤 : 

(1) 在 Chapl0Site 网 站 中 建立 实例 10-2 中 的 母 版 页 MasterPage.master。 

(2) 在 Chapl0Site 网 站 中 建立 内 容 页 ContentPage.aspx。 需 注意 的 是 ， 建 立时 要 选中 “ 选 
择 母 版 页 ” 复 选 框 并 选择 母 版 页 MasterPage.master。 

(3) 根据 ContentPage.aspx 要 显示 的 内 容 ， 添 加 文本 到 与 ContentPlaceHolder 控件 
cphSection 相对 应 的 Content 控件 ContentSection 中 。 其 中 ， 在 MasterPage.master 中 定义 的 用 
于 统一 页 面 布局 的 信息 呈现 灰色 ， 不 能 被 修改 。 

(4) 浏览 ContentPage.aspx 查看 效果 。 

旦 序 说 明 : 

由 页 面 中 包含 的 @ Page 指令 的 MasterPageFile 属性 值 可 知 ,该 页 面 将 与 网 站 根 文件 夹 下 

的 母 版 页 MasterPage.master 合并 。 


10.3 用 户 控 件 


在 ASPNET 页 面 中 ， 除 了 使 用 Web 服务 器 控件 外 ， 还 可 以 根据 需要 创建 重复 使 用 的 自 
定义 控件 ， 这 些 控件 被 称 作用 户 控件 。 用 户 控件 是 一 种 复合 控件 ， 工 作 原 理 非 常 类 似 于 
ASPNET 页 面 ， 可 以 在 用 户 控件 中 添加 现 有 的 Web 服务 器 控件 ， 并 定义 控件 的 属性 和 方法 。 
用 户 控 件 在 实际 工程 中 常用 于 统一 页 面 局 部 的 显示 风格 。 


10.3.1 ”用户 控件 概述 


在 网 站 设计 中 ， 有 了 时 可 能 需要 实现 内 置 Web 服务 器 控件 未 提供 的 功能 ， 有 时 可 能 需要 提 
取 多 个 页 面 中 相同 的 用 户 界 面 来 统一 页 面 显示 风格 。 针 对 这 些 情况 的 解决 方法 有 两 种 。 一 种 
是 创建 用 户 控件 ， 然 后 将 用 户 控件 作为 一 个 整体 对 待 ， 为 其 定义 属性 和 方法 。 另 一 种 方法 是 
自 定义 控件 ， 其 实质 就 是 重新 编写 控件 对 应 的 从 Control 或 WebControl 派生 的 类 。 相 比较 而 
言 ， 因 为 可 以 重用 现 有 的 控件 ， 所 以 创建 用 户 控件 要 比 创 建 自 定义 控件 方便 得 多 。 
用 户 控件 对 应 的 文件 与 .aspx 文件 相似 ， 同 时 具有 用 户 界 面 和 方法 代码 。 操 作 时 ， 可 以 采 
取 与 创建 Web 窗 体 相似 的 方式 创建 用 户 控件 ， 然 后 向 其 中 添加 所 需 的 控件 。 最 后 ， 根 据 需 要 
添加 方法 代码 。 
用 户 控件 与 Web 窗 体 的 区 别 主 要 包括 : 
(1) 存放 用 户 控 件 的 文件 扩展 名 为 .ascx。 
(2) 用 户 控件 中 没有 @ Page 指令 ， 但 包含 @ Control 指令 。 
(3) 用 户 控 件 不 能 作为 独立 文件 运行 ， 而 必须 像 处 理 其 他 控件 一 样 ， 只 有 将 它们 添加 到 
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Web 窗 体 中 后 才能 使 用 。 
(4) 用 户 控件 中 没有 <html>、<body> 或 <form> 元 素 ， 这 些 元 素 必须 位 于 宿 3 
此 以 外 的 XHTML 元 素 或 现 有 的 Web 服务 器 控件 都 可 以 添加 到 用 户 控 件 中 。 


10.3.2 ”创建 用 户 控件 


一 


E 页 面 中 。 


可 以 像 设计 Web 窗 体 一 样 设计 用 户 控 件 ， 也 可 以 将 Web 窗 体 更 改 为 一 个 用 户 控件 。 其 
中 ， 后 者 针对 已 经 开发 好 的 Web 窗 体 并 打算 在 整个 网 站 中 访问 其 功能 的 情况 下 使 用 。 


。 设计 用 户 控件 


夹 下 创建 用 户 控件 SearchUserControl.ascx 为 例 说 明 操 作 流 程 。 


向 网 站 中 添加 用 户 控件 的 步骤 与 添加 Web 窗 体 类 似 。 下 面 以 在 Chap10Site 网 站 的 根 文件 


(1) 右 击 Chap10Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “Web 用 户 控件 ”模板 ， 输 入 用 户 控件 名 SearchUserControl.ascx， 
单 击 “ 添 加 ”按钮 建立 文件 。 


(2) 像 普通 Web 窗 体 一 样 添 加 控件 和 编写 方法 代码 。 本 例 添 力 


各 一 个 ， 并 且 还 编写 了 Page.Load 和 btnSearch.Click 事件 被 触发 后 执行 的 方法 代码 。 


HI 了 TextBox 和 Button 控件 


(3) 若 需 要 和 其 他 控件 交互 ， 则 可 以 为 用 户 控件 添加 公用 属性 。 如 在 本 例 中 ， 为 


SearchUserControl 类 添加 了 公用 属性 Text; 在 Page_Load() 方 法 代码 中 设置 了 Button 控件 的 
属性 值 来 源 于 用 户 控件 的 Text 属性 值 ， 在 btnSearch_Click0 方 法 代码 中 设置 了 文本 框 


Text 


txtSearchKey 的 Text 属性 值 。 当 然 ， 在 实际 工程 中 进行 数据 查询 时 需要 访问 数据 库 。 


源 程序 ，SearchUserControl.ascx 


<%Q@ Control Language="C#" AutoEventWireup="true" 


CodeFile="SearchUserControl.ascx.cs" Inherits="SearchUserControl" $%> 


<asp:TextBox ID="txtSearchKey" runat="server"></asp:TextBox> 
<asp:Button ID="btnSearch" runat="server" Text=" 搜 索 " 


OnClick="btnSearch Click" /> 


源 程序 ，SearchUserControl.ascx.cs 
using System; 
public partial class SearchUserControl : System.Web.UI.UserControl 
{ 
// 添 加 用 户 控件 的 公用 属性 Text 
private string _Text; // 下 划 线 前 有 一 个 空格 
public string Text 
{ 
get { return _Text; } 
set { _Text = value; } 
} 
protected void Page_Load (object sender, EventArgs e) 
{ 
if (this.Text != "") 
人 
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btnSearch.Text = this.Text; 
} 
} 
protected void btnSearch Click(object sender, EventArgs e) 


{ 
txtSearchKey .Text = "搜索 完成 "; 


} 
} 


2. 将 单 文件 页 转换 为 用 户 控 件 

若 ASPNET 页 面 使 用 单 文件 页 模型 ， 则 将 其 转换 为 一 个 用 户 控件 的 步骤 如 下 : 

(1) 重 命 名 .aspx 文件 扩展 名 为 .ascx。 

(2) 从 页 面 中 删除 <html>、<body> 和 <form> 元 素 ; 将 @ Page 指令 更 改 为 @ Control 指令 ; 
删除 @ Control 指令 中 除 Language、AutoEventWireup、CodeFile 和 Inherits 之 外 的 所 有 属性 。 

3 将 代码 隐藏 页 转换 为 用 户 控件 

若 ASPNET 页 面 使 用 代码 隐藏 页 模型 ， 则 将 其 转换 为 一 个 用 户 控件 的 步骤 如 下 : 

(1) 重 命 名 .aspx 文件 扩展 名 为 .ascx。 

(2) 重 命 名 .aspx.cs 文件 扩展 名 为 .ascx.cs。 

(3) 打开 .ascx.cs 文件 并 将 继承 的 类 从 Page 更 改 为 UserControl。 

(4) 在 .ascx 文件 中 , 删除 <html>、<body> 和 <form> 元 素 ; 将 @ Page 指令 更 改 为 @ Control 
指令 ; 删除 @ Control 指令 中 除 Language、AutoEventWireup、CodeFile 和 Inherits 之 外 的 所 有 
属性 ， 在 @ Control 指令 中 ， 将 CodeFile 属性 值 更 改 为 重 命 名 后 的 代码 隐藏 文件 名 。 


10.3.3 ”使 用 用 户 控件 

要 使 用 用 户 控件 ， 就 要 将 其 包含 在 Web 窗 体 中 。 操 作 时 ， 可 在 Web 窗 体 的 “设计 ” 视 
图 中 ， 直 接 将 用 户 控件 文件 从 “解决 方案 资源 管理 器 ”窗口 拖 到 页 面 上 ， 即 添加 了 该 用 户 控 
件 。 此 时 ， 在 “ 源 ” 视 图 中 ，VSEW 2012 自动 添加 了 一 行 @ Register 指令 ， 示 例 代码 如 下 : 


<%@ Register Src="SearchUserControl.ascx" TagName="SearchUserControl" 


TagPrefix= "uc" $%> 


其 中 ，TagPrefix 属性 指定 用 户 控 件 的 前 缀 ， 这 类 似 于 Web 服务 器 控件 的 asp 前 级 。 定 义 
好 前 缀 后， 在 使 用 用 户 控 件 时 需要 先 加 前 级， 如 <uc:SearchUserControl…>; TagName 属性 指 
定 用 户 控件 的 名 称 ; Src 属性 指定 用 户 控件 文件 的 存储 路 径 。 

注意 : 用 户 控件 不 能 存放 于 App_Code 文件 夹 下 。 

在 Web 窗 体 的 <form> 元 素 中 ， 自 动 生成 的 用 户 控件 元 素 的 示例 代码 如 下 : 


<uc:SearchUserControl ID="SearchUserControll" runat="server" Text=" 查 找 ” /> 


其 中 ，Text 属性 是 用 户 控件 SearchUserControl 的 公共 属性 ， 可 以 在 “属性 ”窗口 中 设置 
其 值 。 


实例 10-4 ”使 用 用 户 控件 
本 实例 将 用 户 控件 SearchUserControl 添加 到 Web 窗 体 中 ， 浏 览 效 果 如 图 10-3 所 示 。 
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Eolxl 


http://localhost-49 DI 


搜索 雄 成 


图 10-3 UserControlTest.aspx 浏览 效果 


源 程序 .UserControlTest.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="UserControlTest.aspx.cs" Inherits="UserControlTest" $%> 
<%@ Register Src="SearchUserControl.ascx" TagName="SearchUserControl" 
TagPrefix= "uc" 各 > 
oo ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<uc:SearchUserControl ID="SearchUserControll" runat="server" Text=" 查 找 "/> 
</div> 
</form> 


操作 步骤 : 

(1) 在 Chapl0Site 网 站 的 根 文件 夹 中 新 建 UserControlTest.aspx。 

(2) 在 “设计 ”视图 中 ,将 SearchUserControl.ascx 拖 到 页 面 上 ， 设 置 控件 的 Text 属性 值 
为 “查找 ”。 

(3) 浏览 UserControlTest.aspx 查看 效果 。 

程序 说 明 : 

当 页 面 载 入 到 用 户 控件 时 ， 触 发 用 户 控件 定义 中 的 Page.Load 事件 ， 执 行 用 户 控 件 定义 
中 的 Page_Load() 方 法 代码 ， 将 用 户 控件 的 Text 属性 值 赋值 给 btnSearch.Text， 因 此 ， 在 按钮 
上 显示 “查找 ”。 当 单 击 “ 查 找 ” 按 钮 时 触发 Click 事件 , 执行 用 户 控件 定义 中 的 btnSearch_ClickO 
方法 代码 ,在 文本 框 txtSearchKey 中 显示 “搜索 完成 ”。 当 然 ， 在 实际 工程 中 数据 查找 常 需要 
与 数据 库 结合 。 


10.4 ”Web 部 件 


主题 、 母 版 和 用 户 控件 为 网 站 提供 了 统一 的 风格 ， 但 众 口 难 调 ， 有 些 用 户 希望 对 网 站 界 
面 进行 个 性 化 设置 。 利 用 Web 部 件 能 很 好 地 解决 这 种 问题 。 


10.4.1 ”Web 部件 概述 


ASPNET Web 部 件 是 一 组 集成 控件 ， 基 于 Web 部 件 的 网 站 能 使 最 终 用 户 可 以 直接 从 浏 

览 器 修改 页 面 的 内 容 、 外 观 和 行为 并 保存 这 些 修 改 。 这 就 意味 着 最 终 用 户 能 动态 地 对 Web 应 
程序 进行 个 性 化 设置 ， 而 无 须 开发 人 员 或 管理 员 的 干预 。 

要 实现 Web 部 件 功能 ， 需 要 两 个 关键 要 素 。 

(1) 个 性 化 配置 Profile。 通 过 Profile， 使 用 户 在 浏览 器 中 修改 页 面 的 外 观 、 内 容 及 行为 
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后 ， 能 把 这 些 信息 保存 到 ASPNETDB.mdf 数据 库 中 。 当 用 户 下 次 登录 时 ， 系 统 会 显示 修改 
后 的 页 面 内 容 。 默 认 情况 下 ，ASPNET 4.5 自动 启用 Web 部 件 页 面 的 个 性 化 设置 功能 。 

(2) Web 部 件 控件 集 。 这 些 控 件 集 实现 了 Web 部 件 功能 的 核心 结构 和 服务 ， 可 大 致 分 为 
两 类 : 一 类 用 于 管理 页 面 中 所 有 的 Web 部 件 控件 ， 如 WebPartManager 控件 可 以 管理 Web 部 
件 控件 、Web 部 件 控件 之 间 的 通信 和 连接、 显示 模式 等 。 另 一 类 是 区 域 控件 及 包含 在 区 域 控件 
中 的 控件 ， 其中， 区 域 控 件 包括 CatalogZone、ConnectionsZone、EditorZone 和 WebPartZone。 
这 些 不 同 的 区 域 控件 用 于 包含 不 同类 型 的 控件 。 

注意 : Web 部 件 控件 指 用 于 实现 Web 部 件 功能 的 基本 组 件 ， 而 WebPart 控件 指 包含 于 
域 控件 WebPartZone 内 的 控件 。 


10.4.2 ”使 用 Web 部 件 


要 使 用 Web 部 件 ， 网 站 需要 有 用 户 标 识 。 因 此 ， 实 际 使 用 时 需要 配合 用 户 和 角色 管理 知 
识 ， 并 且 只 有 当 用 户 登 录 成 功 后 才能 对 Web 部 件 页 面 中 的 WebPart 控件 进行 个 性 化 设置 。 

在 建立 Web 部 件 页 面 时 ， 首 先 需要 添加 一 个 WebPartManager 控件 ， 再 根据 需要 添加 区 
域 控件 ， 最 后 ， 在 区 域 控件 中 添加 Web 部 件 。 

1. 添加 一 个 WebPartManager 控件 

WebPartManager 控件 是 Web 部 件 的 总 控 中 心 。 它 能 跟踪 Web 部 件 控 件 、 管 理 Web 部 件 
控件 、 切 换 显示 模式 和 管理 与 Web 部 件 控件 相关 的 事件 等 。WebPartManager 控件 在 页 面 浏 
览 时 不 会 呈现 在 用 户 界面 中 ， 并 且 一 个 WebPartManager 控件 只 能 管理 一 个 页 面 。 也 就 是 说 ， 
若 在 母 版 页 中 已 包含 一 个 WebPartManager 控件 , 那么 使 用 该 母 版 页 的 内 容 页 中 就 不 能 再 添加 
WebPartManager 控件 。 还 需 注意 的 是 ,在 一 个 Web 部 件 页 面 中 ,有 且 仅 有 一 个 WebPartManager 
控件 。WebPartManager 控件 定义 的 语法 格式 如 下 : 


<asp:WebPartManager ID="WebPartManagerl" runat="server"></asp:WebPartManager> 


注意 : 在 建立 Web 部 件 页 面 时 ， 应 首先 建立 WebPartManager 控件 。 也 就 是 说 ， 有 关 
WebPartManager 控件 的 源 代 码 应 出 现在 <form> 元 素 中 其 他 Web 部 件 控件 的 前 面 。 

2， 添 加 区 域 控件 

在 每 个 Web 部 件 页 面 中 ， 区 域 控件 WebPartZone 必 不 可 少 。 该 控件 用 于 承载 页 面 上 的 
WebPart 控件 ， 并 为 其 包含 的 控件 提供 公共 的 用 户 界面 。 这 些 公 共 的 用 户 界面 元 素 统称 为 镶 
边 ， 由 所 有 控件 上 的 外 围 用 户 界面 元 素 组 成 ， 包 括 : 边框 、 标 题 、 页 眉 和 页 脚 、 样 式 特性 以 
及 谓词 〈 即 用 户 可 以 对 控件 执行 的 用 户 界面 操作 ， 如 关闭 或 最 小 化 )。 定 义 的 语法 格式 如 下 : 


<asp:WebPartZone ID="WebPartZonel" runat="server"></asp:WebPartZone> 


默认 情况 下 ，WebPartZone 中 的 每 个 WebPart 控件 以 菜单 的 形式 显示 选择 项 ， 当 单 击 右 
上 角 的 向 下 小 三 角 按钮 时 ， 将 弹出 一 个 选择 菜单 。 可 以 设置 WebPartZone 的 WebPart- 
VerbRenderMode 属性 来 改变 这 种 默认 的 显示 方式 。 值 Menu 表示 谓词 呈现 在 标题 栏 的 菜单 中 ; 
值 TitleBar 表示 谓词 在 标题 栏 中 直接 呈现 为 链接 。 

其 他 的 区 域 控 件 应 结合 WebPartManager 控件 的 不 同 页 面 模式 进行 添加 。 

3. 在 WebPartZone 中 添加 WebPart 控件 

有 两 种 创建 WebPart 控件 的 方法 。 一 种 是 创建 基于 HTML 服务 器 控件 、Web 服务 器 控件 
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和 用 户 控件 的 WebPart 控件 。 这 种 方法 创建 的 WebPart 控件 将 自动 被 GenericWebPart 类 封装 ， 
进而 成 为 真正 的 WebPart 控件 。 另 一 种 方法 是 创建 继承 自 WebPart 类 的 WebPart 控件 。 相 比 
较 而 言 ， 后 一 种 方法 实现 较 复杂 。 

添加 的 WebPart 控件 必须 包含 于 <ZoneTemplate> 元 素 中 ， 示 例 代码 如 下 : 


<asp:WebPartZone ID="WebPartZonel" runat="server"> 
<ZoneTemplate> 
<asp:TextBox ID="TextBoxl" runat="server"></asp:TextBox> 
<asp:Button ID="Buttonl" runat="server" Text="Button" /> 
</ZoneTemplate> 
</asp:WebPartZone> 


上 述 示例 代码 表示 在 WebPartZone 控件 WebPartZonel 中 包含 两 个 WebPart 控件 TextBox1 
和 Buttonl。 


10.4.3 ”WebPartManager 显示 模式 


WebPartManager 处 于 不 同 的 显示 模式 ，Web 部 件 页 面 就 呈现 不 同 内 容 ， 用 户 就 能 实现 不 
同 的 功能 。 可 以 通过 修改 WebPartManager 控件 的 DisplayMode 属性 值 来 改变 页 面 显示 模式 ， 
从 而 实现 添加 、 移动 和 编辑 WebPart 控件 的 功能 。 显示 模式 共 包 括 5 种 : BrowseDisplayMode、 
DesignDisplayMode、EditDisplayMode、CatalogDisplayMode 和 ConnectDisplayMode。 对 于 这 
些 显示 模式 ， 在 同一 时 刻 只 能 选择 其 中 的 一 种 。 

1. BrowseDisplayMode 

BrowseDisplayMode 是 默认 的 显示 模式 ， 在 该 模式 下 ， 用 户 可 以 查看 页 面 上 的 内 容 ， 也 
可 以 将 WebPart 控件 最 小 化 、 最 大 化 或 关闭 ， 但 不 能 编辑 、 拖 电 。 

2. DesignDisplayMode 

在 DesignDisplayMode 模式 下 ， 除 了 具有 BrowseDisplayMode 模式 的 功能 外 ， 用 户 还 可 
以 将 WebPart 控件 从 一 个 区 域 拖 到 另 一 个 区 域 ， 也 可 以 在 同一 个 区 域内 拖 动 ， 从 而 改变 页 面 
的 布局 。 

3. EditDisplayMode 

在 EditDisplayMode 模式 下 ,除了 具有 DesignDisplayMode 模式 的 功能 外 , 用 户 还 能 编辑 
WebPart 控件 的 外 观 和 行为 。 有 具体 实现 时 ， 还 需 配合 使 用 EditorZone 控件 。 

EditorZone 控件 只 有 在 Web 部 件 页 面 进入 EditDisplayMode 模式 时 才 变 为 可 见 。 在 该 模 
式 下 ，WebPart 控件 的 操作 菜单 中 增加 了 一 个 “编辑 ”项 。 单 击 “ 编 辑 ” 项 将 显示 包含 于 
EditorZone 中 的 EditorPart 系列 控件 。EditorPart 控件 是 何 种 类 型 意味 着 用 户 能 够 进行 何 种 类 
型 的 编辑 。 

EditorPart 系列 控件 如 表 10-1 所 示 。 


表 10-1 EditorPart 系列 控件 对 应 表 
EditorPart 系列 控件 说 了 明 


AppearanceEditorPart ”| 用 于 编辑 WebPart 控件 的 外 观 属性 
BehaviorEditorPart 用 于 重新 排列 或 删除 WebPart 控件 以 更 改 页 面 布局 
LayoutEditorPart 用 于 编辑 WebPart 控件 的 布局 属性 
PropertyGridEditorPart | 用 于 编辑 WebPart 控件 的 自 定义 属性 
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4. CatalogDisplayMode 

在 CatalogDisplayMode 模式 下 ， 除 了 具有 DesignDisplayMode 模式 的 功能 外 ， 用 户 还 能 
添加 或 删除 WebPart 控件 。 该 模式 常用 于 想 重新 启用 被 用 户 关 闭 的 WebPart 控件 的 应 用 场合 。 
具体 实现 时 ， 还 需 配 合 使 用 CatalogZone 控件 。 

CatalogZone 控件 只 有 在 Web 部 件 页 面 进 入 CatalogDisplayMode 模式 时 才 变 为 可 见 。 与 
EditorZone 控件 只 能 包含 EditorPart 系列 控件 类 似 ，CatalogZone 控件 只 能 包含 CatalogPart 系 
列 控件 。CatalogPart 系列 控件 如 表 10-2 所 示 。 


表 10-2 CatalogPart 系列 控件 对 应 表 
说 明 


CatalogPart 系列 控件 


DeclarativeCatalogPart 显示 声明 在 <WebPartsTemplate> 元 素 中 的 WebPart 控件 列表 
PageCatalogPart 显示 页 面 中 已 删除 的 WebPart 控件 列表 


ImportCatalogPart 显示 从 .webpart 文件 中 导入 的 WebPart 控件 列表 


5. ConnectDisplayMode 

在 ConnectDisplayMode 模式 下 ， 除 了 有 具有 DesignDisplayMode 模式 的 功能 外 ， 用 户 还 能 
在 不 同 的 WebPart 控件 之 间 建 立 连接 ， 实 现 数 据 的 相互 传输 。 

任何 一 个 WebPart 控件 ， 既 可 以 是 数据 的 提供 者 〈Provider)， 也 可 以 是 数据 的 消费 者 
(Consumer)。WebPart 控件 之 间 的 连接 有 两 种 形式 : 静态 连接 和 动态 连接 。 毅 态 连 接 是 开发 
人 员 在 设计 时 建立 的 连接 ， 而 动态 连接 是 页 面 在 运行 时 建立 的 连接 。 

静态 连接 建立 的 步骤 包括 : 定义 通信 接口 ， 在 提供 者 中 实现 接口 ， 在 提供 者 中 实现 
[ConnectionProvider] 方 法 ， 在 消费 者 中 实现 [ConnectionConsumer] 方 法 ， 在 WebPartManager 
中 通过 StaticConnections 属性 声明 连接 。 

动态 连接 需要 配合 使 用 ConnectionsZone 控件 , 该 控件 只 能 包含 WebPartConnection 控件 。 
在 ConnectDisplayMode 模式 下 , 支持 连接 的 WebPart 控件 的 菜单 将 新 增 “ 连 接 ” 项 。 单 击 “ 连 
接 ” 项 可 以 实现 提供 者 和 消费 者 之 间 的 连接 。 


实例 10-5 ”运用 Web 部 件 
本 实例 利用 一 个 下 拉 列 表 框 来 动态 改变 页 面 模式 。 图 10-4 表 示 BrowseDisplayMode 模式 ， 
此 时 可 以 最 小 化 、 还 原 和 关闭 WebPart 控件 。 图 10-5 表示 DesignDisplayMode 模式 ， 此 时 还 
可 以 移动 WebPart 控件 。 图 10-6 表示 CatalogDisplayMode 模式 ， 此 时 显示 已 删除 的 WebPart 
控件 列表 。 图 10-7 表示 EditDisplayMode 模式 ， 此 时 可 编辑 WebPart 控件 的 外 观 属性 ， 单 击 
“编辑 ”命令 后 呈现 如 图 10-8 所 示 的 界面 。 


[WebPart 控 件 No 1 最 小 化 关 团 | zwpMan ol = 
Web 部 件 中 的 Label VebPart 控 件 NO. 1 最 小 化 关闭 | [WebPart 控 件 N0.2 
[WebPar 控 件 NO0.2 最 小 化 关闭 | Web 部 件 中 的 Label | | 
6 - 
= = WebPart 控 件 NO. 2 [WaHpart 控 件 NO 3 > 
[WebPar 控 件 NO. 3 最 小 化 关 团 2: 
St [ 其 j Ws | 加 


图 10-4 Browse 模式 效果 图 10-5 _ Design 模式 效果 
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dows Internet Explorer 


3 本 
Oe 59x Ba *|l| GO ”| x*|| 令 妆 各 
注销 二 
用户 注销 
| 7 = 
目录 区 域 关闭 zwpMain ZwpOther 
页 目录 [ ] wpMain 
三 WebPart 控 件 NO. 1 [webpan 控 件 No.2 最 小 化 关闭 | 攻心 [sbpen 控 件 NO.2 量 小 化 关闭 编辑 | 。 [WebPar 控 件 No. 4 -| 
记 Webpar 控 件 NO 3 匡 E | 人 | 最 人 
厂 Webpar 控 件 NO 4 此 处 ， | 
前 
添 可 到 :2wewan 回话] 医 天 愿 旭 | 


图 10-6 ”Catalog 模式 效果 


修改 Web 部 件 的 属性 ， 然 后 单 


击 “ 确 是” 或 “应 用 ” [webpar 控 件 N0. 1 量 小 化 关闭 编辑 | [Ww 
改 。 Web 部 件 中 的 Label EE 
外 观 
标题 


[Webpar 控 件 N0. 2 最 小 化 关闭 编辑 


| 
[WebPan 控 件 NO 了 | 一 | 


[webpar 控 件 N0.3 。 量 小 化 关闭 | 
= Ee 


图 10-8 编辑 界面 


源 程 序 ，WebParts.aspx 部 分 代码 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebParts.aspx.cs" 
Inherits="WebParts" $> 

<%@ Register Src="SearchUserControl.ascx" TagName="SearchUserControl" 
TagPrefix= "uc" $%> 

… (上 略 ) 

<form id="forml" runat="server"> 
<div> 


<asp:WebPartManager ID="WebPartManagerl" runat="server"></asp:WebPartManager> 


<asp:Loginstatus ID="logsWebParts" runat="server" LoginText=" 用 户 登 录 " 
LogoutText=" 用 户 注销 " /> 
<table> 
<tr style="background: #00ccff"> 
<td colspan="2">Web 部 件 应 用 
</td> 
<td> 


<asp:DropDownList ID="ddlMode" runat="server" AutoPostBack="True" 
OnSelectedIindexChanged="ddlMode SelectedIndexChanged"> 
<asp:ListItem>Browse</asp:ListItem> 
<asp:ListItem>Design</asp:ListItem> 
<asp:ListItem>Catalog</asp:ListItem> 
<asp:ListItem>Edit</asp:ListItem> 

</asp:DropDownList> 
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</td> 
</tr> 
<tr style="vertical-align: top"> 
<td style="width: 20%"> 
<asp:CatalogZone ID="CatalogZonel" runat="server"> 
<ZoneTemplate> 
<asp:PageCatalogPart ID="PageCatalogPart1" runat="server" /> 
</ZoneTemplate> 
</asp:CatalogZone> 
<asp:EditorZone ID="EditorZonel" runat="server"> 
<ZoneTemplate> 
<asp:AppearanceEditorPart ID="paedPart1" runat="server" /> 
</ZoneTemplate> 
</asp:EditorZone> 
</td> 
<td style="width: 60%"> 
<asp:WebPartZone ID="zwpMain" runat="server" 
WebPartVerbRenderMode="TitleBar"> 
<ZoneTemplate> 
<asp:Label ID="Labell" runat="server">Web 部 件 中 的 Label</asp:Label> 
<uc:SearchUserControl ID="SearchUserControll" runat="server" 
Text=" 查 找 "” /> 
<asp:FileUpload ID="FileUploadl" runat="server" /> 
</ZoneTemplate> 
</asp:WebPartZone> 
</td> 
<td style="width: 20%"> 
<asp:WebPartZone ID="zwpOther" runat="server"> 
<ZoneTemplate> 
<asp:Calendar ID="Calendarl" runat="server" ShowTitle="True" /> 
</ZoneTemplate> 
</asp:WebPartZone> 
</td> 
</tr> 
</table> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，WebParts.aspx.cs 


using System; 

using System.Web.UI.WebControls.WebParts; 

public partial class WebParts : System.Web.UI.Page 

{ 
protected void Page_Load (object sender, EventArgs e) 
‘ 
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if (!IsPostBack) 
{ 
// 给 每 个 WebPart 控件 设置 标题 
int = 33 
foreach (WebPart webPart in WebPartManagerl] .WebParts) 
{ 
if (webPart is GenericWebPart) 
{ 
webPart.Title = string.Format ("WebPart 控件 NO. {0}",， i); 
i++; 


} 


} 
protected void ddlMode SelectedIndexChanged (object sender, EventArgs e) 
{ 
// 根 据 ddlMode 列表 框 中 选择 的 模式 修改 WebPartManagerl1 .DisplayMode， 改 变 页 面 模式 
WebPartManager1.DisplayMode = WebPartManager1.DisplayModes [ddlMode. 
SelectedValue]; 


} 


操作 步骤 ; 

(1) 利用 NuGet 在 Chap10Site 网 站 中 安装 ]Query, 参考 5.1 节 在 Globalasax 文件 中 添加 
ScriptResourceDefinition 对 象 的 定义 。 

(2) 复制 Chap9Site 网 站 的 App_Data 文件 夹 中 的 ASPNETDB.mdf 文件 到 Chap10Site 网 
站 的 App_Data 文 件 夹 .复制 Chap9Site 网 站 中 的 Login.aspx 和 Login.aspx.cs 文件 到 Chap10Site 
网 站 的 根 文件 夹 。 

(3) 在 Web.config 文件 的 <system.web> 元 素 中 添加 配置 代码 如 下 : 

<roleManager enabled="true" /> 

<!-- 设 置 Forms 身份 验证 --> 

<authentication mode="Forms"> 


<forms defaultUrl="~/WebParts.aspx" loginUrl="~/Login.aspx"></forms> 
</authentication> 


(4) 在 Chapl0Site 网 站 的 根 文 件 夹 中 建立 WebParts.aspx。 如 图 10-9 所 示 ， 添 加 
WebPartManager 和 LoginStatus 控件 各 一 个 。 添 加 一 个 用 于 布局 的 2 行 3 列表 格 ， 在 相应 的 
单元 格 中 添加 一 个 CatalogZone, 并 在 其 中 添加 一 个 PageCatalogPart 控件 : 添加 一 个 EditorZone 
控件 ， 并 在 其 中 添加 一 个 AppearanceEditorPart 控件 ; 添加 一 个 WebPartZone 控件 ， 并 在 其 中 
添加 Label、SearchUserControl 用 户 控 件 和 FileUpload 控件 各 一 个 ; 再 添加 一 个 WebPartZone 
控件 ， 并 在 其 中 添加 一 个 Calendar 控件 。 

(5) 参考 源 代码 设置 所 有 控件 的 属性 。 

(6) 建立 WebParts.aspx.cs 文件 。 最 后 ， 浏 览 WebParts.aspx 进行 测试 。 
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目录 区 域 关闭 zmplain ZHpOther 

页 目录 元 标题 最 小 化 关 肝 编辑 过 拉 | | 元 标 各 

口 WebPart 1 Web 部 件 中 的 Label |< 2014 年 月 > 

1 元 标题 最小 化 三 二 丝 强 各 后 | | 周 周 周 周 周 周 周 
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图 10-9 WebParts.aspx 设计 界面 

程序 说 明 : 

当 页 面 首次 载 入 时 ,给 每 个 WebPart 控 件 设置 标题 ,因为 包含 于 WebPartZone 中 的 WebPart 
控件 是 用 户 控件 和 服务 器 控件 ， 会 自动 被 GenericWebPart 类 封装 ， 所 以 ， 在 判断 语句 中 使 用 
webPart is GenericWebPart 进行 判别 。 

当 在 下 拉 列 表 框 中 选择 不 同 的 浏览 模式 时 ， 触 发 SelectedIndexChanged 事件 ， 执 行 
ddlMode_SelectedIndexChanged() 方 法 代码 ， 修 改 WebPartManagerl.DisplayMode 属性 值 ， 从 
而 呈现 不 同 的 页 面 模式 。 其 中 DisplayModes["Browse"] 对 应 BrowseDisplayMode ; 
DisplayModes["Design"] 对 应 DesignDisplayMode; DisplayModes["Catalog"] 对 应 CatalogDisplay- 
Mode; DisplayModes["Edit"] 对 应 EditDisplayMode。 


10.5 小 结 


本 章 介绍 了 ASPNET 4.5 中 的 主题 、 母 版 、 用 户 控件 和 Web 部 件 ， 以 及 利用 这 些 技术 创 
建 具有 统一 风格 和 个 性 化 网 站 的 方法 。 

主题 包括 外 观 文件 、CSS 文件 和 图 片 文 件 ， 其 中 外 观 文件 为 页 面 中 的 服务 器 控件 提供 一 
致 的 外 观 。 主 题 对 应 一 个 主题 文件 夹 ， 并 且 必 须 存 放 在 ASPNET 文件 夹 App_Themes 中 。 

利用 母 版 页 可 以 方便 快捷 地 建立 统一 风格 的 ASPNET 网 站 , 并 且 容 易 管 理 和 维护 ， 从 而 
可 以 大 大 提高 网 站 设计 效率 。 在 使 用 时 ， 母 版 页 先 定义 整体 布局 ， 再 和 内 容 页 组 合 输出 。 与 
母 版 页 相 比 较 ， 用 户 控 件 在 实际 工程 中 常 在 页 面 局 部 范围 内 统一 页 面 显示 风格 。 

基于 Web 部 件 的 网 站 能 使 最 终 用 户 可 以 直接 从 浏览 器 修改 页 面 的 内 容 、 外 观 和 行为 ， 从 
而 实现 用 户 的 个 性 化 设置 。 使 用 时 ， 每 个 Web 部 件 页 中 必须 添加 一 个 WebPartManager 控件 ， 
可 以 通过 修改 该 控件 的 DisplayMode 值 来 改变 页 面 显 示 模 式 ， 从 而 使 用 户 可 以 在 浏览 器 中 添 
加 、 移 动 和 修改 WebPart 控件 。 


10.6 习 题 


1. 填空 题 
(1) 主题 可 以 包括 、 样 式 表 文件 和 
(2) 母 版 页 由 特殊 的 


指令 识别 , 该 指令 蔡 换 了 用 于 普通 .aspx 页 面 的 @ Page 指令 。 
(3) 母 版 页 中 可 以 包含 一 个 或 多 个 可 替换 内 容 占 位 符 ” _。 
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(4) 如 果 用 户 要 想 在 网 站 运行 时 动态 地 添加 或 删除 WebPart 控件 ， 则 需要 添加 


控件 。 
(5) 内 容 页 通过 和 母 版 页 建立 联系 。 
(6) 主题 必须 存放 在 ASPNET 文 件 夹 。 中。 
2. 是非 题 


(1) 主题 至 少 要 有 样式 表 文 件 。 

(2) 母 版 页 只 能 包含 一 个 ContentPlaceHolder 控件 。 

(3) 在 同一 主题 中 每 个 控件 类 型 只 允许 有 一 个 默认 的 控件 外 观 。 
(4) 控件 外 观 中 必须 指定 SkinID 值 。 

(5) 同一 主题 中 不 允许 一 个 控件 类 型 有 重复 的 SkinID。 

(6) 每 个 部 件 页 可 以 包含 多 个 WebPartManager 控件 。 

(7) 用 户 控件 中 可 以 定义 属性 。 


一 一 一 一 一 一 一 
NO Nt No Nt Nf 


3， 选择 题 
(1) 主题 不 包括 (。 ) 。 

A. skin 文件 B. css 文件 C. 图 片 文件 D. config 文件 
(2) 一 个 主题 必须 包含 (  ) 。 

A. skin 文件 B. css 文件 C. 图 片 文件 D. config 文件 
(3) 母 版 页 文件 的 扩展 名 是 (。 ) 。 

A. .aspx B. .master C; 8s D. .skin 
(4) 在 ( ”) 模式 下 ， 人 允许 重新 启用 被 用 户 关闭 的 WebPart 控件 。 

A. BrowseDisplayMode B. DesignDisplayMode 

C. EditDisplayMode D. CatalogDisplayMode 
4， 简 答题 


(1) @ Page 指令 中 的 Theme="ThemeName" 和 StylesheetTheme="ThemeName" 有 何 
区 别 ? 

(2) 如 何 将 单 文件 页 和 代码 隐藏 页 转换 为 用 户 控件 ? 

(3) 简 述 包 含 ASPNET 母 版 页 的 页 面 运行 时 的 显示 原理 。 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 设计 一 个 母 版 页 ， 并 利用 该 母 版 页 建立 一 个 个 人 网 站 。 

(3) 设计 一 个 主题 ， 并 将 主题 应 用 于 一 个 留言 板 系 统 。 

(4) 利用 Web 部 件 技术 设计 并 实现 个 人 网 站 的 首页 。 

(5) 设计 母 版 页 和 内 容 页 ， 浏 览 效果 如 MyPetShop 综合 实例 的 首页 所 示 。 


第 11 章 


网 站 导航 


* 了 解 网 站 导航 的 含义 和 实现 方法 。 

* 掌握 网 站 地 图 文件 的 结构 并 能 合理 地 建立 网 站 地 图 。 

。 掌握 网 站 导航 控件 SiteMapPath、TreeView 和 Menu 的 用 法 。 
* 掌握 母 版 页 中 网 站 导航 控件 的 用 法 。 


11.1 网 站 地 


在 含有 大 量 页 面 的 任何 网 站 中 ， 早 期 要 实现 用 户 随意 在 页 面 之 间 进 行 切 换 的 导航 系统 颇 
有 难度 。 早 期 的 模式 是 通过 页 面 上 散布 的 超 链 接 方 式 实现 ， 在 页 面 移动 或 修改 页 面 名 称 后 ， 
开发 人 员 不 得 不 进入 页 面 逐 个 修改 超 链 接 ， 维 护 工作 量 很 大 。ASPNET 4.5 中 的 网 站 导航 可 
创建 页 面 的 集中 网 站 地 图 ， 使 得 导航 的 管理 变 得 十 分 简单 。 


11.1.1 网 站 地 图 文件 


在 ASPNET 4.5 中 ， 要 使 用 网 站 导航 ， 就 需要 用 网 站 地 图 文件 来 描述 网 站 中 页 面 的 层次 
结构 。 其 中 ， 网 站 地 图 文件 是 一 个 XML 文件 ， 通 过 <siteMapNode> 元 素描 述 每 个 页 面 的 标题 
和 URL 等 信息 。 当 用 一 个 或 多 个 网 站 地 图 文件 描述 页 面 层 次 结构 时 , 其 中 有 一 个 网 站 地 图 文 
件 必须 存放 于 网 站 根 文件 夹 下 且 以 Web.sitemap 命名 ， 其 他 的 网 站 地 图 文件 可 以 存放 在 其 他 

默认 的 网 站 地 图 文件 Web.sitemap 的 代码 如 下 : 


<?xml version="1.0" encoding="utf-8" ?> 


<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 


<siteMapNode url="" title="" description=""> 
<siteMapNode url="" title="" description="" /> 
<siteMapNode url="" title="" description="" /> 
</siteMapNode> 
</siteMap> 


上 述 代 码 中 , 根 元 素 <siteMap> 包 含 了 <siteMapNode> 子 元 素 。 所 有 的 <siteMapNode> 元 素 
形成 了 网 站 页 面 的 层次 结构 ， 其 中 第 一 层 <siteMapNode> 元 素 为 网 站 的 首页 ， 下 一 层 
<siteMapNode> 元 素 表示 首页 下 层 的 页 面 。 

<siteMapNode> 元 素 的 常用 属性 如 表 11-1 所 示 。 
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表 11-1 <siteMapNode> 元 素 常用 属性 表 


属 性 说 了 明 
description 描述 超 链接 的 作用 ， 当 鼠标 指针 指向 超 链接 时 会 给 出 的 提示 信息 
roles 确定 哪些 角色 可 以 访问 当前 节点 。 多 个 角色 用 去 号 隔 开 ， 使 用 时 还 需要 将 


securityTrimmingEnabled 属性 值 设 置 为 true 
securityTrimmingEnabled | 是 否 使 网 站 地 图 支持 安全 特性 


siteMapFile 引用 另 一 个 网 站 地 图 文件 
title 表示 超 链接 的 显示 文本 
wl 超 链接 目标 页 的 URL 地 址 


实例 11-1 创建 网 站 地 图 
本 实例 向 ChapSite 网 站 添加 网 站 地 图 ， 包 含 于 网 站 地 图 中 的 页 面 的 层次 结构 如 图 11-1 
所 示 。 


图 11-1 页 面 层次 结构 


源 代码 : Web.sitemap 
<?xml Version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chap11/Home .aspx" title=" 首 页 ”description=" 首 页 "> 
<siteMapNode url="~/Chap11/Products .aspx" title=" 产 品 " description=" 所 有 产品 "> 
<siteMapNode url="~/Chap11/Hardware.aspx" title=" 硬 件 " 
description=" 硬 件 产品 ” /> 
<siteMapNode url="~/Chap11/Software-aspx" title=" 软 件 " 
description=" 软 件 产品 ” /> 
</siteMapNode> 
<siteMapNode url="~/Chapl1/Services.aspx"” title=" 服 务 " 
description=" 售 后 服务 "> 
<siteMapNode url="~/Chapl1/Training.aspx"” title=" 培 训 " 
i 训 服 务 " /> 
<siteMapNode url="~/Chapl1/Consulting.aspx"” title=" 咨 询 " 
description=" 咨 询 服务 " /> 
<siteMapNode url="~/Chap11/Support-aspx" title=" 支 持 " 
description=" 技 术 支 持 " /> 
</siteMapNode> 
</siteMapNode> 
</siteMap> 


操作 步骤 : 
右 击 ChapSite 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 在 呈 


description=" 
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现 的 对 话 框 中 选择 “站 点 地 图 ”模板 ， 单 击 “ 添 加 ”按钮 建立 网 站 地 图 文件 Web.sitemap。 输 
入 源 代码 。 


11.1.2 ”多 套 网 站 地 图 文件 


对 于 页 面 结构 复杂 的 网 站 ， 将 所 有 的 导航 信息 都 放 在 一 个 Web.sitemap 中 会 显得 比较 杂 
乱 。 在 这 种 情况 下 ， 可 以 考虑 使 用 嵌 套 网 站 地 图 文件 ， 即 将 信息 分 散 到 多 个 .sitemap 文件 中 ， 
再 把 分 散 的 .sitemap 文件 合并 到 网 站 根 文件 夹 下 的 Web.sitemap 文件 。 在 合并 时 ， 要 用 到 
<siteMapNode> 元 素 的 siteMapFile 属性 。 


实例 11-2 创建 嵌 套 网 站 地 图 
本 实例 功能 与 实例 11-1 完全 相同 , 但 使 用 嵌 套 网 站 地 图 实现 。 也 就 是 说 ， 首 先 将 描述 产 
品 和 服务 的 信息 分 散 到 文件 Products.sitemap 和 Services.sitemap 中 , 然后 在 Webl.sitemap ( 测 
试 时 需要 重 命名 为 Web.sitemap) 中 设置 <siteMapNode> 元 素 的 siteMapFile 属性 值 为 需 包 含 
的 .sitemap 文件 。 其 中 ，Products.sitemap 和 Services.sitemap 存放 在 Chapll 文件 夹 下 ， 而 
Webl.sitemap 存放 在 网 站 根 文件 夹 下 。 


源 程序 ，Webl.sitemap 
<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chap1l1/Home.aspx"” title=" 首 页 " description=" 首 页 "> 
<siteMapNode siteMapFile="~/Chapll/Products.sitemap" /> 
<siteMapNode siteMapFile="~/Chapll/Services.sitemap" /> 
</siteMapNode> 
</siteMap> 


源 程序 : Products.sitemap 
<?xml Version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chapl1/Products.aspx" title=" 产 品 " description=" 所 有 产品 "> 
<siteMapNode url="~/Chapl1/Hardware.aspx" title=" 硬 件 " description=" 硬 件 产品 "/> 
<siteMapNode url="~/Chap1l1/Software.aspx" title=" 软 件 " description=" 软 件 产品 "/> 
</siteMapNode> 
</siteMap> 


源 程序 .Services.sitemap 
<?xml Version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chapl1/Services.aspx"” title=" 服 务 " description=" 售 后 服务 "> 
<siteMapNode url="~/Chapl1/Training.aspx" title=" 培 训 " 
description=" 培 训 服务 " /> 
<siteMapNode url="~/Chapll1/Consulting.aspx"” title=" 咨 询 " 
description=" 咨 询 服务 "/> 
<siteMapNode url="~/Chapl1/Support.aspx"” title=" 支 持 " 
description=" 技 术 支 持 "/> 
</siteMapNode> 
</siteMap> 
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11.2 ”SiteMapPath 控件 显示 导航 


在 实际 应 用 中 ， 经 常 在 每 个 页 面 上 添加 当前 页 面 位 于 当前 网 站 层次 结构 中 哪个 位 置 的 导 
航 ， 这 种 功能 称 为 面包 履 功 能 。 在 以 前 的 网 站 开发 中 要 实现 面包 眉 功 能 是 比较 复杂 的 ， 
ASPNET 4.5 提供 了 可 自动 实现 面包 眉 功 能 的 SiteMapPath 控件 。SiteMapPath 控件 不 需要 数 
据 源 控件 ， 就 可 以 自动 绑 定 网 站 地 图 文件 Web.sitemap。 使 用 时 只 需要 将 SiteMapPath 控件 添 
加 到 页 面 中 就 可 以 了 。 当 然 ， 最 好 的 方法 是 将 SiteMapPath 控件 添加 到 母 版 页 中 ， 以 便 实现 
统一 的 网 站 导航 界面 。 定 义 的 语法 格式 如 下 : 


<asp:SiteMapPath ID="SiteMapPath1"” runat="server"></asp:SiteMapPath> 
SiteMapPath 控件 的 常用 属性 如 表 11-2 所 示 。 
表 11-2 SiteMapPath 控件 的 常用 属性 表 


属 性 说 明 
ParentLevelsDisplayed 获取 或 设置 相对 于 当前 显示 节点 的 父 节点 级 别 数 
PathDirection 获取 或 设置 导航 路 径 节点 的 呈现 顺序 
PathSeparator 获取 或 设置 一 个 符号 ， 用 于 分 隔 网 站 的 导航 路 径 
PathSeparatorTemplate 获取 或 设置 一 个 控件 模板 ， 用 于 分 隔 网 站 的 导航 路 径 


实例 11-3 利用 SiteMapPath 控件 显示 导航 
如 图 11-2 所 示 ， 本 实例 利用 SiteMapPath 控件 显示 网 站 导航 。 
利用 Si tenapP ath 控 件 星 示 号 胃 本 
GO Or /et Dal 
SiteMapPath 控 件 显示 导航 的 测试 页 人 
首页 > 产品 > 硬件 v 


图 11-2 Hardware.aspx 浏览 效果 


源 程序 ，Hardware.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Hardware.aspx.cs" 
Inherits="Chapll Hardware" $%> 
“on( 上 略 》 
<form id="forml" runat="server"> 
<div> 
SiteMapPath 控件 显示 导航 的 测试 页 <br /> 
<asp:SiteMapPath ID="SiteMapPathl1l" runat="server"></asp:SiteMapPath> 
</div> 
</form> 


… ( 略 ) 


操作 步骤 : 

(1) 建立 与 实例 11-1 相同 的 网 站 地 图 文件 Web.sitemap 。 

(2) 在 Chap11 文件 夹 中 建立 Hardware.aspx。 添 加 一 个 SiteMapPath 控件 。 最后， 浏览 
Hardware.aspx 进行 测试 。 
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11.3 ”TreeView 控件 显示 导航 


TreeView 控件 常用 于 以 树 形 结构 显示 分 层 数据 的 情形 。 利 用 TreeView 控件 可 以 实现 网 
站 导航 , 也 可 以 用 来 显示 XML、 表格 或 关系 数据 。 可 以 说 , 凡是 树 形 层次 关系 的 数据 的 显示 ， 
都 可 以 用 TreeView 控件 。 


11.3.1 TreeView 控件 


TreeView 控件 中 的 每 个 项 都 称 为 一 个 节点 ， 每 一 个 节点 都 是 一 个 TreeNode 对 象 。 节 点 
分 为 根 节点 、 父 节点 、 子 节点 和 叶 节 点 。 最 上 层 的 节点 是 根 节点 ， 可 以 有 多 个 根 节点 。 没 有 
子 节点 的 节点 是 叶 节点 。 定 义 的 语法 格式 如 下 : 


<asp:TreeView ID="TreeViewl" runat="server"></asp:TreeView> 
TreeView 控件 常用 的 属性 如 表 11-3 所 示 。 
表 11-3 TreeView 控件 常用 属性 表 


属 性 说 了 明 
CheckedNodes 获取 选中 了 节点 前 复 选 框 的 节点 集合 
CollapseImageUrl 节点 折 革 后 用 于 显示 图 片 的 URL 
EnableClientScript 是 否 允 许 在 客户 端 处 理 展 开 和 折合 事件 
ExpandDepth 第 一 次 显示 时 所 展开 的 级 数 
ExpandImageUrl 节点 展开 后 用 于 显示 图 片 的 URL 
Nodes 获取 所 有 的 根 节 点 集合 
NoExpandImageUrl 设置 用 于 显示 不 可 折 倒 《〈 即 无 子 节点 ) 节点 对 应 图 片 的 URL 
PathSeparator 节点 之 间 的 路 径 分 隔 符 
SelectedNode 当前 选中 的 节点 
SelectedValue 当前 选中 的 节点 值 
ShowCheckBoxes 是 否 在 节点 前 显示 复 选 杠 
ShowLines 节点 间 是 否 显示 连接 线 


TreeView 控件 中 的 每 个 节点 实际 上 都 是 TreeNode 类 对 象 , 在 构建 TreeView 时 经 常 要 对 
TreeNode 对 象 进行 编程 操作 。TreeNode 类 的 常用 属性 如 表 11-4 所 示 。 


表 11-4 TreeNode 类 常用 属性 表 


属 性 说 明 
ChildNodes 获取 当前 节点 的 下 一 级 子 节点 集合 
ImageUrl 获取 或 设置 节点 旁 用 于 显示 图 片 的 URL 
NavigateUil 获取 或 设置 单 击 节点 时 导航 到 的 URL 


Parent 获取 当前 节点 的 父 节点 


TreeView 控件 中 的 节点 数据 可 以 在 设计 时 添加 ， 也 可 以 通过 编程 操作 TreeNode 对 象 动 
态 地 添加 或 修改 。 还 可 以 使 用 数据 源 控 件 进行 绑 定 ， 如 可 以 使 用 SiteMapDataSource 控件 将 
网 站 地 图 数据 填充 到 TreeView 控件 中 ， 利 用 XmlDataSource 控件 从 XML 文件 中 获取 填充 
数据 。 
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另外 , 可 以 利用 TreeView 控件 的 CollapseAl10 和 ExpandAll0 方 法 折合 和 展开 节点 。 利 用 
TreeView 控件 的 Nodes.Add0 方 法 添加 节点 到 控件 中 。 利 用 TreeView 控件 的 Nodes.Remove() 
方法 删除 指定 的 节点 。 


实例 1-4 运用 TreeView 控件 
本 实例 利用 TreeView 控件 显示 城市 结构 图 ， 并 能 动态 地 添加 和 移 除 节 点 、 折 县 和 展开 
节点 。 如 图 11-3 所 示 ， 当 在 文本 框 中 输入 “海宁 ” 单 击 “ 添 加 节点 ”按钮 后 在 节点 “嘉兴 ” 
下 添加 了 一 个 子 节点 


图 11-3 ”TreeView.aspx 浏览 效果 


源 程序 :TreeView.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreeView.aspx.cs" 
Inherits="Chapll] TreeView" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<table> 
<tE> 
<td style="width: 150px"> 
<asp:TreeView ID="tvCity" runat="server" ShowLines="True"> 
<SelectedNodeStyle BorderStyle="Solid" /> 
<Nodes> 
<asp:TreeNode Text=" 浙 江 " Value="zhejiang"> 
<asp:TreeNode Text=" 杭 州 " Value="hangzhou"></asp:TreeNode> 
<asp:TreeNode Text=" 嘉 兴 " Value="jiaxing"></asp:TreeNode> 
<asp:TreeNode Text=" 宁 波 " Value="ningbo"></asp:TreeNode> 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 
</td> 
<td> 
<asp: TextBox ID="txtNode" runat="server" Width="105px"></asp:TextBox><br /> 
<asp:Button ID="btnAddNode" runat="server" OnClick="btnAddNode Click" 
Text=" 添 加 节点 "Width="110px" /><br /> 
<asp:Button ID="btnRemoveNode" runat="server" OnClick="btnRemoveNode Click" 
Text=" 移 除 当 前 节点 "Width="110px" /><br /> 
<asp:Button ID="btnExpandA11" runat="server" OnClick="btnExpandAll Click" 
Text=" 全 部 展开 " Width="110px" /><br /> 
<asp:Button ID="btnCollapseAll™" runat="server" OnClick="btnCollapseAll Click" 
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Text=" 全 部 折 姜 "Width="110px" /> 
</td> 
</tr> 
</table> 
</div> 
</form> 


… ( 略 ) 


源 程序 :TreeView.aspx.cs 


using System; 
using System.Web.UI.WebControls; 
public partial class Chap11 TreeView : System.Web.UI.Page 
{ 
protected void btnRemoveNode Click(object sender, EventArgs e) 
{ 
if (tvCity.SelectedNode != null) // 存 在 当前 节点 
{ 
// 获 取 当 前 节点 的 父 节 点 
TreeNode parentNode = tvCity.SelectedNode.Parent; 
// 移 除 当前 节点 
ParentNode .ChildNodes .Remove (tvCity.SelectedNode); 


} 
protected void btnAddNode Click(object sender, EventArgs e) 


{ 


if (txtNode.Text.Trim() .Length < 1) /1/ 车 文本 框 中 的 值 为 空 ， 则 返回 


{ 
return; 
} 
// 建 立新 节点 childNode 
TreeNode childNode = new TreeNode(); 
childNode.Value = txtNode.Text.Trim(); 
if (tvCity.SelectedNode != null) // 存 在 当前 节点 
{ 
// 将 childNode 添加 到 当前 节点 
tvCity.SelectedNode.ChildNodes.Add (childNode); 
} 
else // 不 存在 当前 节点 
{ 
//childNode 作为 根 节点 添加 到 tvcity 中 
tvCity.Nodes.Add (childNode); 
} 
txtNode.Text = ""; // 清 除 文本 框 
} 
protected void btnCollapseAll Click(object sender, EventArgs e) 


{ 
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tvCity.CollapseAll (); // 折 苹 所 有 的 节点 
} 
protected void btnExpandAll Click(object sender, EventArgs e) 
{ 
tvCity.ExpandAll (); // 展 开 所 有 的 节点 
} 
” 


操作 步骤 : 

(1) 在 Chap11 文件 夹 中 建立 TreeView.aspx。 在 “设计 ”视图 中 添加 一 个 用 于 布局 的 1 
行 2 列表 格 ， 向 相应 的 单元 格 中 添加 一 个 TreeView 控件 ， 一 个 TextBox 控件 和 四 个 Button 
控件 。 

(2) 单 击 TreeView 的 智能 标记 ， 选 择 “编辑 节点 ”命令 ， 在 打开 的 “TreeView 节点 编 
辑 器 ”对 话 框 中 添加 节点 ， 如 图 11-4 所 示 。 


节点 加: 属性 到 ); 


在 和 皇 X|f yy 江 玛 Els 
日 二 rt Inagelrl 
杭州 Navigatelrl 


es PopulateOnDenand False 


图 11-4 “TreeView 节点 编辑 器 ”对 话 框 


(3) 参考 源 程序 设置 其 他 控件 属性 。 

(4) 建立 TreeView.aspx.cs 文件 。 最 后 ， 浏 览 TreeView.aspx 进行 测试 。 

程序 说 明 : 

tvCity 控件 的 ShowLines 属性 值 为 Tme， 表 示 节 点 之 间 用 线条 连接 ; <SelectedNodeStyle 
BorderStyle="Solid" 人 表示 用 实 线 边框 标 出 当前 节点 ; 当 没 有 选择 节点 时 , 添加 的 节点 为 新 的 


11.3.2 ”使 用 TreeView 控件 实现 导航 


使 用 TreeView 控件 实现 网 站 导航 功能 时 的 数据 填充 有 两 种 方式 。 一 种 方式 是 利用 数据 
源 控件 SiteMapDataSource， 此 时 ， 只 要 将 TreeView 控件 的 DataSourceID 属性 值 设 置 为 
SiteMapDataSource 控件 的 ID 属性 值 就 可 以 了 。 另 一 种 方式 是 利用 LINQ 技术 。 


实例 11-5 利用 TreeView 控件 显示 导航 
如 图 11-5 所 示 ，TreeView 控件 以 树 形 结构 的 形式 显示 包含 在 网 站 地 图 文件 中 的 页 面 结 
构图 ， 其 中 使 用 的 网 站 地 图 文件 为 实例 11-1 建立 的 Web.sitemap。 
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图 11-5 Home.aspx 浏览 效果 


源 程序 ，Home.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" 
Inherits="Chapll Home" 和 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:TreeView ID="tvSiteMap" runat="server" DataSourceID="smdsSiteMap"> 
</asp:TreeView> 
<asp:SiteMapDataSource ID="smdsSiteMap" runat="server" /> 
</div> 
</form> 


… ( 略 ) 


操作 步骤 : 
在 Chapll 文件 夹 中 建立 Home.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 最 后 ， 浏 览 


Home.aspx 查看 效果 。 


程序 说 明 : 
SiteMapDataSource 控件 能 自动 绑 定 Web.sitemap， 将 Web.sitemap 中 的 导航 信息 通过 


TreeView 控件 呈现 在 页 面 上 。 


11.4 Menu 控件 显示 导航 


Menu 控件 可 以 以 人 们 熟悉 的 菜单 形式 显示 分 层 数据 。 与 TreeView 控件 类 似 ， 它 也 需要 


数据 源 控件 的 支持 ， 如 配合 使 用 SiteMapDataSource 控件 ，Menu 控件 就 可 以 实现 网 站 导航 的 
菜单 显示 效果 。 此 时 ， 只 要 将 Menu 控件 的 DataSourceID 属性 值 设置 为 SiteMapDataSource 
控件 的 ID 属性 值 就 可 以 了 。 


Menu 控件 的 Orientation 属性 可 以 确定 菜单 的 排列 方式 ， 值 Vertical 表示 竖 向 排列 ， 值 


Horizontal 表示 横向 排列 ， 默 认 值 为 Vertical。 


实例 11-6 利用 Menu 控件 显示 导航 菜单 
如 图 11-6 所 示 ， 利 用 Menu 控件 可 以 使 网 站 导航 以 菜单 的 形式 呈现 。 
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利用 deno 控 件 时 示 号 航 半 时 全 [= 
tt /lecalhest 3 亡 


图 11-6 ”Products.aspx 浏览 效果 


源 程序 ， Products.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Products.aspx.cs" 


Inherits="Chapll1 Products" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 


<div> 
<asp:Menu ID="mnuSiteMap" runat="server" DataSourceID="smdsSiteMap"> 


</asp:Menu> 
<asp:SiteMapDataSource ID="smdsSiteMap" runat="server" /> 


</div> 
</form> 


… (了 略 ) 
11.S 在 母 版 页 中 使 用 网 站 导航 


在 一 个 页 面 中 添加 网 站 导航 并 不 复杂 ， 但 网 站 导航 常 需要 应 用 于 所 有 页 面 ， 如 果 在 每 个 
页 面 中 添加 导航 控件 ， 这 样 既 烦琐 又 很 难 统一 网 站 风格 ， 还 会 增加 网 站 的 维护 工作 量 。 例 如 ， 
若 要 更 改 页 面 中 导航 控件 的 位 置 ， 就 不 得 不 逐个 地 更 改 每 个 页 面 。ASPNET 4.5 可 以 在 母 版 
页 中 使 用 网 站 导航 控件 ， 这 样 ， 就 可 以 在 母 版 页 中 创建 包含 导航 控件 的 布局 ， 再 将 母 版 页 应 
用 于 所 有 的 内 容 页 。 基 于 母 版 页 使 用 网 站 导航 的 基本 步骤 是 : 

(1) 创建 用 于 导航 的 母 版 页 。 

(2) 将 导航 控件 添加 到 母 版 页 。 

(3) 创建 网 站 的 内 容 页 ， 利 用 MasterPageFile 属性 关联 母 版 页 。 


实例 11-7 实现 基于 母 版 页 的 网 站 导航 
在 图 11-7 中 ， 网 站 导航 由 母 版 页 实现 ， 内 容 页 与 母 版 页 关联 ， 并 输入 了 一 些 提示 信息 。 


因 记 页 导航 一 Yindors Interaet El 


HO Br pol), x| Baan 


硬件 
用 二 人 利用 司 版 页 SteMap masc 实 现 网 站 时 能 
培训 


Copyrigtt 2014 页 面 底部 版 权 等 信息 司 


11-7 Services.aspx 浏览 效果 
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源 程序 ，SiteMap.master 部 分 代码 


<%@ Master Language="C#" AutoEventWireup="true" CodeFile="SiteMap.master.cs" 
Inherits="Chap11 SiteMap" $%> 
… ( 略 ) 
<form id="forml" runat="server"> 
<header> 
<hl style="background-color: #C0C0C0"> 网 站 Logo</h1> 
<asp:SiteMapPath ID="SiteMapPathl" runat="server"></asp:SiteMapPath> 
</header> 
<section> 
<table style="border-style: solid"> 
<tr> 
<td style="border-style: solid; border-width: thin;"> 
<asp:TreeView ID="tvSiteMap" runat="server" DataSourceID="smdsSiteMap"> 
</asp:TreeView> 
<asp:SiteMapDataSource ID="smdsSiteMap" runat="server" /> 
</td> 
<td style="border-style: solid; border-width: thin;"> 
<asp:ContentPlaceHolder ID="ContentPlaceHolder1l"” runat="server"> 
</asp:ContentPlaceHolder> 
</td> 
</tr> 
</table> 
</section> 
<footer>Copyright 2014 页 面 底 部 版 权 等 信息 </footer> 
</form> 


… ( 略 ) 


源 程序 : Services.aspx 
<%@ Page Title=" 母 版 页 导航 ” Language="C#" 
MasterPageFile="~/Chap11/SiteMap .master"” RutoEventWireup="true" 
CodeFile="Services.aspx.cs" Inherits="Chapll Services" $%> 
<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" 
Runat="Server"> 
利用 母 版 页 SiteMap.master 实现 网 站 导航 
</asp:Content> 


操作 步骤 : 

(1) 在 Chap11 文件 夹 中 建立 母 版 页 SiteMap.master, 参考 源 程序 添加 <header>、<section> 
和 <footer> 等 元 素 ， 然 后 添加 控件 并 设置 各 元 素 和 各 控件 的 属性 。 

(2) 在 Chap11 文件 夹 下 建立 与 母 版 页 SiteMap.master 关联 的 内 容 页 Services.aspx， 输 入 
提示 人 信息。 最后， 浏览 Services.aspx 查看 效果 。 可 以 看 到 页 面 “ 网 站 Logo” 下 面 有 面包 眉 导 
航 ， 左 边 有 树 型 结构 导航 。 
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11.6 小 结 


本 章 介绍 了 ASPNET 4.5 提供 的 导航 系统 。 这 个 系统 的 核心 是 在 XML 文件 (网 站 地 图 
文件 ) 中 描述 网 站 的 页 面 结 构 。 对 于 页 面 结构 复杂 的 网 站 ， 可 以 利用 柑 套 的 方式 构建 网 站 地 
图 文件 。 该 系统 同时 提供 了 功能 强大 的 导航 控件 , 包括 SiteMapPath、TreeView 和 Menu 控件 。 
这 些 导航 控件 可 以 获取 网 站 地 图 文件 中 的 数据 从 而 可 以 很 方便 地 实现 导航 功能 。 

本 章 还 详细 介绍 了 SiteMapPath、TreeView 和 Menu 控件 的 使 用 方法 , 也 介绍 了 如 何 利用 
母 版 页 实现 导航 的 方法 ， 该 方法 可 以 更 加 高 效 地 实现 网 站 导航 。 其 中 ，SiteMapPath 控件 用 于 
实现 显示 当前 页 面 位 于 当前 网 站 页 面 层 次 结构 中 位 置 的 面包 导 导 航 。 该 控件 可 以 自动 绑 定 
Web.sitemap， 不 需要 数据 源 控件 。TreeView 控件 以 树 形 结构 显示 网 站 地 图 ，Menu 控件 以 菜 
单 形式 显示 网 站 地 图 ， 二 者 都 需要 绑 定 数据 源 控件 SiteMapDataSource。 


11.7 习 题 


1. 填空 题 
(1) 网 站 地 图 文件 的 扩展 名 是 
(2) <siteMapNode> 元 素 的 url 属性 表示 
(3) 若 要 使 用 网 站 导航 控件 ， 必 须 在 文件 中 描述 网 站 的 页 面 结构 。 
(4) SiteMapPath 控件 的 PathDirection 属性 的 功能 是 
(5) Menu 控件 的 Orientation 属性 的 功能 是 
2. 是 非 题 
(1) 一 个 网 站 地 图 文件 中 只 能 有 一 个 <siteMap> 根 元 素 。 
(2) 网 站 导航 文件 不 能 嵌 套 使 用 。 
(3) 网 站 导航 控件 都 必须 通过 SiteMapPath 控件 来 访问 网 站 地 图 数据 。 
(4) 母 版 页 中 不 能 添加 导航 控件 。 
(5) 可 以 通过 LINQ 技术 为 TreeView 控件 添加 节点 数据 。 
3， 选 择 题 
(1) 关于 婴 套 网 站 地 图 文件 的 说 法 中 ，〈 ”) 是 正确 的 。 

A. 网 站 地 图 文件 必须 存放 在 App_Data 文件 夹 下 

B. 网 站 地 图 文件 Web.sitemap 必须 存放 在 根 文件 夹 下 

C. 网 站 地 图 文件 必须 和 引用 的 页 面 存放 在 同一 个 文件 夹 中 

D. 对 存放 位 置 没 特殊 要 求 
(2) 网 站 导航 控件 (  ”) 不 需要 添加 数据 源 控件 。 

A. SiteMapPath B. TreeView C. Menu D. SiteMapDataSource 
(3) 母 版 页 中 使 用 导航 控件 ， 要求 ( ) 。 

A. 母 版 页 必须 存放 在 根 文件 夹 下 

B， 母 版 页 名 必须 为 Web.master 

C. 和 普通 页 一 样 使 用 ， 浏 览 母 版 页 时 就 可 以 查看 效果 

D. 必须 有 内 容 页 才能 查看 效果 


一 一 一 一 一 
Si at Wi Ne eh 
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4. 简 答 题 

(1) 描述 网 站 地 图 文件 的 基本 格式 。 

(2) 举例 说 明 如 何 利 用 嵌 套 方式 解决 复杂 的 网 站 导航 问题 。 

(3) 如 何在 母 版 页 中 使 用 网 站 导航 功能 ? 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 分 析 某 门户 网 站 的 页 面 层 次 结构 ， 建 立 该 网 站 的 网 站 地 图 。 

(3) 模仿 第 15 章 MyPetShop 综合 实例 的 导航 系统 ， 建 立 导 航 系统 。 

(4) 建立 描述 本 书目 录 的 XML 文件 ， 并 利用 TreeView 控件 显示 该 文件 。 

(5) 利用 LINQ 技术 将 实例 11-1 中 的 网 站 地 图 数据 填充 到 一 个 TreeView 控件 中 。 


第 12 章 


Microsof{f Ajax 


本 章 要 点 : 

* 了 解 Ajax 基础 知识 。 

4 理解 Ajax 工作 原理 。 

* 理解 Microsoft Ajax 技术 。 

* 掌握 Microsoft Ajax 服务 器 控件 的 用 法 。 

* 了 解 Ajax Control Toolkit 的 安装 和 其 中 包括 的 控件 功能 。 


12.1 Ajax 基础 


Ajax (Asynchronous JavaScript and XML) 是 一 种 允许 客户 端 通过 异步 HTTP 请 求 与 服务 
器 交换 数据 的 技术 ， 目 的 是 利用 已 经 成 熟 的 技术 构建 具有 良好 交互 性 的 Web 应 用 程序 。 通 常 
称 Ajax 页 面 为 无 刷新 Web 页 面 。 

Microsoft Ajax 是 Ajax 的 Microsoft 实现 方式 ， 对 Ajax 的 使 用 以 控件 形式 提供 ， 提 高 了 
易 用 性 。 


12.1.1 Ajax 概述 


众所周知 ， 桌 面 应 用 程序 具有 良好 的 交互 性 。Web 应 用 程序 是 最 新 的 潮流 ， 它 们 提供 了 
在 桌面 上 不 能 实现 的 服务 。 但 是 Web 应 用 程序 需要 Web 服务 器 响应 、 等 待 请 求 返回 和 生成 
新 的 页 面 ， 因 此 ， 程 序 的 交互 性 比 桌面 应 用 程序 要 差 。Ajax 技术 将 桌面 应 用 程序 具有 的 交互 
性 应 用 于 Web 应 用 程序 ， 使 Web 应 用 程序 能 更 好 地 展现 动态 而 漂亮 的 用 户 界 面 。 
Ajax 所 用 到 的 技术 包括 : 
。 XMLHttpRequest 对 象 。 该 对 象 允许 浏览 器 与 Web 服务 器 通信 , 通过 MSXML ActiveX 
组 件 可 以 在 IE 5.0 以 上 的 浏览 器 中 使 用 。 
。 JavaScript 代码 。 这 是 运行 Ajax Web 应 用 程序 的 核心 代码 ， 用 于 帮助 改进 与 服务 器 应 
用 程序 的 通信 。 
。 DHTML。 通 过 使 用 <div>、<span> 和 其 他 动态 HTML 元 素来 动态 地 更 新 表单 。 
。 文档 对 象 模型 DOM。 通 过 JavaScript 代码 使 用 DOM 处 理 HTML 元 素 和 服务 器 返回 
的 XML。 
图 12-1 给 出 了 传统 的 Web 应 用 程序 和 利用 Ajax 技术 的 Web 应 用 程序 之 间 的 差别 。 在 传 
统 的 Web 应 用 程序 中 ， 每 当 用 户 请 求 页 面 时 ， 将 导致 服务 器 端 重新 生成 一 个 Web 页 面 ， 不 
管内 容 是 否 重复 ， 这 个 新 的 页 面 会 覆盖 掉 原 来 的 页 面 内 容 ， 也 就 是 整个 页 面 进行 刷新 。 这 种 
同步 回 发 的 过 程 给 用 户 的 感觉 是 页 面 在 “闪烁 ” 从 而 影响 页 面 的 浏览 效果 。 运 用 Ajax 技术 
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后 ， 它 便 会 在 页 面 中 嵌入 一 层 Ajax 引擎 。 当 客户 端 请 求 页 面 时， 由 Ajax 引擎 向 服务 器 端 异 
步 地 发 出 请 求 。 服 务 器 端 将 收 到 的 请 求 处 理 后 再 传 回 XML 格式 数据 到 Ajax 引擎 。 最 后 ， 部 
分 更 新 客户 端 界 面 。 这 种 异步 回 发 的 过 程 由 Ajax 引擎 完成 ， 客 户 端 不 需要 刷新 整个 页 面 。 


人 浏览 器 四 时 BE 
| | 用户 界面 | ! | ， | 用 户 界面 | | 
ee - | JavaScript | | HTML ! 
调用 1 数据 1 
! Ajax 引 营 | 
HTTP| |HTML | 
请 求 | | 数据 
HTTP| | XML 
请 求 | 数据 
Web 服 务 器 Web 服 务 器 

传统 Web 应 用 程序 使 用 Ajax 的 Web 应 用 程序 


图 12-1 传统 和 使 用 Ajax 的 Web 应 用 程序 之 问 的 差异 


12.1.2 ”Microsoft Ajax 技术 


Microsoft Ajax 是 Ajax 的 Microsoft 实现 方式 ， 专 用 于 ASPNET 页 面 。 使 用 ASPNET 中 
的 Ajax 功能 ， 可 以 生成 丰富 的 Web 应 用 程序 。 与 传统 的 Web 应 用 程序 相 比 ， 基 于 Microsoft 
Ajax 的 Web 应 用 程序 具有 以 下 优点 : 

。 局 部 页 刷新 ， 即 只 刷新 已 发 生 更 改 的 页 面部 分 。 

。 自动 生成 代理 类 ， 从 而 简化 从 客户 端 脚本 调用 Web 服务 方法 的 过 程 。 

。 支持 主流 浏览 器 。 

。 页 面 的 大 部 分 处 理工 作 在 浏览 器 中 执行 ， 因 此 ， 大 大 提高 了 效率 。 

Microsoft Ajax Web 应 用 程序 的 实现 有 两 种 方式 ， 一 种 是 “ 仅 客 户 端 ” 解决 方案 ， 另 一 种 
是 “客户 端 与 服务 器 ”解决 方案 。“ 仅 客户 端 ” 解 决 方案 使 用 Microsoft Ajax Library， 但 不 使 
用 任何 Microsoft Ajax 服务 器 控件 。 而 “客户 端 与 服务 器 ”解决 方案 既 使 用 Microsoft Ajax 
Library， 又 使 用 Microsoft Ajax 服务 器 控件 。 其 中 ，Microsoft Ajax Library 包含 一 系列 的 
JavaScript 脚本 ， 人 允许 Ajax 应 用 程序 在 客户 端 上 执行 所 有 的 页 面 处 理 。Microsoft Ajax 服务 器 
控件 在 VSEW 2012 的 工具 箱 中 以 “Ajax 扩展 ”形式 提供 ， 可 以 与 其 他 ASPNET 控件 一 样 方 
便 地 使 用 。 


12.2 ”Microsoft Ajax 服务 器 控件 
当 把 Microsoft Ajax 服务 器 控件 添加 到 ASPNET 页 面 后 ， 浏 览 这 些 页 面 会 自动 将 支持 的 
客户 端 JavaScript 脚本 发 送 到 浏览 器 以 实现 Ajax 功能 。 
12.2.1 ”ScriptManager 控件 


ScriptManager 控件 是 Microsoft Ajax 功能 的 核心 ,会 把 Microsoft Ajax Library 的 JavaScript 
脚本 下 载 到 浏览 器 ， 并 管理 一 个 页 面 上 的 所 有 Microsoft Ajax 资源 ， 包 括 客户 端 组 件 、 局 部 
页 刷新 、 本 地 化 、 全 球 化 和 自 定义 用 户 脚本 的 脚本 资源 。 每 个 实现 Ajax 功能 的 页 面 都 必须 添 
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加 一 个 ScriptManager 控件 。 定 义 的 语法 格式 如 下 : 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 


ScriptManager 控件 的 EnablePartialRendering 属性 确定 页 面 能 否 实现 局 部 刷新 功能 。 默认 
情况 下 ，EnablePartialRendering 属性 值 为 Tue， 因 此 ， 默 认 情况 下 ， 将 启用 页 面 局 部 刷新 功能 。 

1. 在 ScriptManager 中 注册 自 定 义 JavaScript 脚本 

在 ASPNET 页 面 中 可 以 通过 <scrip 亿 元素 引用 自 定义 JavaScript 脚本 文件 。 但 是 , 以 此 方 
式 调 用 的 脚本 不 能 用 于 局 部 刷新 页 面 ， 或 无 法 访问 Microsoft Ajax Library 的 某 些 组 件 。 若 要 
使 自 定义 脚本 文件 能 支持 Microsoft Ajax Web 应 用 程序 ， 必 须 在 该 页 面 的 ScriptManager 控件 
中 注册 该 脚本 文件 。 注 册 自 定义 脚本 文件 的 方法 是 在 ScriptManager 控件 的 Scripts 属性 集合 
中 添加 一 个 指向 该 脚本 文件 的 ScriptReference 对 象 ， 如 图 12-2 所 示 。 


MySeript. js 属性 下 ): 

宇 双 | 天 

日 行为 

Assenbly 
TenoreScriptPath False 
Name 

NotifyScriptLoaded True 


MySeript. js 
ResourceVICultures 
Seriptlode Auto 


图 12-2 设置 ScriptManager 控件 的 Scripts 属性 
设置 后 的 示例 代码 如 下 : 


<asp:ScriptManager ID="ScriptManager]l" runat="server" > 
<Scripts> 
<asp:ScriptReference Path="MyScript.js" /> 
</Scripts> 
</asp:ScriptManager> 


上 述 示例 代码 表示 在 ScriptManager 控件 ScriptManagerl 中 注册 了 自 定义 脚本 文件 
MyScript.]s。 

另外 ， 还 可 以 使 用 RegisterClientScriptBlock() 方 法 直接 在 ScriptManager 控件 中 注册 自 定 
义 脚本 。 示 例 代码 如 下 : 

ScriptManager .RegisterClientScriptBlock (btnSubmit, typeof (Button), 

DateTime.Now.ToString(),"alert('welcome')", true); 

该 语句 的 作用 是 将 自 定义 JavaScript 脚本 注册 到 bmSubmit 对 象 ,在 执行 时 单 击 btnSubmit 
按钮 将 在 页 面 中 弹出 一 个 对 话 框 。 其 中 , DateTime.Now.ToString0 用 于 指定 自 定义 脚本 的 唯一 
标识 符 。 


229 
第 12 章 Microsoft Ajax 


2. 在 母 版 页 中 使 用 ScriptManager 

可 以 在 母 版 页 中 添加 ScriptManager 控件 ， 然 后 在 内 容 页 中 添加 其 他 Microsoft Ajax 服务 
器 控件 实现 页 面 局 部 刷新 功能 。 要 注意 的 是 ， 在 Microsoft Ajax 页 中 只 允许 包含 一 个 
ScriptManager 控件 。 因 此 ， 如 果 在 母 版 页 中 已 添加 了 ScriptManager 控件 ， 则 在 内 容 页 中 就 
不 能 再 添加 ScriptManager 控件 。 如 果 这 时 还 要 在 内 容 页 中 使 用 ScriptManager 控件 的 其 他 功 
能 ， 可 以 通过 添加 ScriptManagerProxy 控件 实现 。 ScriptManagerProxy 控件 工作 方式 和 
ScriptManager 控件 相同 ， 只 是 它 专 用 于 使 用 了 母 版 页 的 内 容 页 。 例如， 以 下 的 示例 代码 表示 
在 一 个 内 容 页 中 利用 ScriptManagerProxy 控件 注册 自 定义 脚本 文件 MyScriptjs。 


<%@ Page Language="C#" MasterPageFile="~/AjaxMasterPage.master" 各 > 
<asp:Content ID="Content1"” ContentPlaceHolderID="ContentPlaceHolder1" 
Runat="Server"> 
<asp:ScriptManagerProxy ID="ScriptManagerProxyl" runat="server"> 
<Scripts> 
<asp:ScriptReference Path="MyScript.js" /> 
</Scripts> 
</asp:ScriptManagerProxy> 
</asp:Content> 


12.2.2 ” UpdatePanel 控件 


UpdatePanel 控件 是 一 个 容器 控件 ,该 控件 自身 不 会 在 页 面 上 显示 任何 内 容 ,主要 作用 是 
放置 在 其 中 的 控件 将 具有 局 部 刷新 的 功能 。 通 过 使 用 UpdatePanel 控件 ， 减 少 了 整 页 回 发 时 
的 屏幕 “闪烁 ”并 提高 了 页 面 交 互 性 ， 改 善 了 用 户 体验 ， 同 时 也 减少 了 在 客户 端 和 服务 器 之 
间 传 输 的 数据 量 。 

-个 页 面 上 可 以 放置 多 个 UpdatePanel 控件 。 每 个 UpdatePanel 控件 可 以 指定 独立 的 页 面 
区 域 ， 实 现 独立 的 局 部 刷新 功能 。 实 际 使 用 时 将 需要 局 部 刷新 的 控件 放 在 UpdatePanel 控件 
内 部 的 <ContentTemplate> 子 元 素 中 。 另 外 ， 还 可 以 利用 控件 的 <Triggers> 元 素 内 的 
<asp:AsyncPostBackTrigger> 元 素 定 义 触 发 器 。 示 例 代码 如 下 : 


<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
…<s-- 添 加 需要 局 部 刷新 的 控件 --s> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 


其 中 ，<asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" 放 定 义 了 触 
发 器 , 表示 在 触发 控件 bmSubmit 的 Click 事件 后 , 会 产生 异步 回 发 并 刷新 <ContentTemplate> 
元 素 中 的 控件 。 

1. 使 用 包含 于 UpdatePanel 控件 内 的 内 部 按钮 刷新 UpdatePanel 控件 


实例 12-1 使 用 内 部 按钮 刷新 UpdatePanel 控件 
如 图 12-3 和 图 12-4 所 示 ， 单 击 “ 刷 新 ”按钮 时 会 引发 页 面 往返 ， 包 含 于 UpdatePanel 
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控件 中 的 Label 控件 将 被 刷新 ， 但 在 UpdatePanel 控件 外 的 Label 控件 未 刷新 。 
EEC | IEEECETTCE LS 
Er [ee /oenbst ts 


CC 人 之 PL) Ko 
我 在 UpdatePane! 控 件 中 21:5605 图 着 | ks 
en a 


图 12-3 ”UpdatePnlIn.aspx 浏览 效果 (1) 图 12-4 ”UpdatePnlIn.aspx 浏览 效果 (2) 


源 程序 .UpdatePnlIn.aspx 部 分 代码 
<%$Q@ Page Language="C#" AutoEventWireup="true" CodeFile="UpdatePnlIn.aspx.cs" 


Inherits="Chapl2 UpdatePnlIn" %> 
和 (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="lblInterior" runat="server"></asp:Label> 
<asp:Button ID="btnRefresh" runat="server" OnClick="btnRefresh Click" 
Text=" 刷 新 "” /> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:Label ID="lblExterior" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 
源 程序 ，UpdatePnlIn.aspx.cs 


using System; 
public partial class Chapl2 UpdatePnlIn : System.Web.UI.Page 


{ 
protected void Page Load(object sender, EventArgs e) 


{ 
lblInterior.Text 
lblExterior.Text 
} 
protected void btnRefresh Click(object sender, EventArgs e) 


{ 
lblInterior.Text = DateTime.Now.ToLongTimeString(); 


ll 


"我 在 UpdatePanel 控件 中 "; 
"我 在 UpdatePanel 控件 外 "; 


lblExterior.Text = DateTime.Now.ToLongTimeString(); 


} 

操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 UpdatePnlIn.aspx， 添 加 ScriptManager 和 UpdatePanel 控件 
各 一 个 。 其 中 ，ScriptManager 对 应 的 元 素 必须 放 在 其 他 所 有 控件 对 应 元 素 的 前 面 。 
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(2) 在 UpdatePanel 控件 中 添加 Label 和 Button 控件 各 一 个 ， 在 UpdatePanel 控件 外 添加 
一 个 Label 控件 ， 参 考 源 程序 设置 各 控件 的 属性 。 

(3) 建立 UpdatePnlIn.aspx.cs 文件 。 最 后 ， 浏 览 UpdatePnlIn.aspx 进行 测试 。 

程序 说 明 : 

默认 情况 下 ，UpdatePanel 控件 内 的 任何 回 发 控件 〈 如 Button 控件 ) 都 将 导致 异步 回 发 
并 刷新 UpdatePanel 的 内 容 。Label 控件 lblInterior 包含 在 UpdatePanel 控件 UpdatePanell 的 
<ContentTemplate> 子 元 素 中 。 当 单 击 “ 刷 新 ”按钮 时 会 引发 页 面 往返 ， 页 面 上 的 lblInterior 
被 刷新 ， 而 lblExterior 没有 刷新 。 

实际 上 ， 在 使 用 时 允许 其 他 能 引起 页 面 往 返 的 控件 来 代替 Button 控件 ， 如 设置 了 属性 
AutoPostBack="true" 的 DropDownList 控件 。 当 选择 DropDownList 控件 中 不 同 的 项 时 ， 将 局 
部 刷新 UpdatePanel 控件 指定 的 页 面 区 域 。 

2. 使 用 未 包含 在 UpdatePanel 控件 内 的 外 部 按钮 刷新 UpdatePanel 控件 

要 使 用 外 部 按钮 实现 局 部 刷新 功能 ， 需 要 在 UpdatePanel 控件 的 <Triggers> 元 素 中 进行 触 
发 器 的 设置 。 


实例 12-2 ”使 用 外 部 按钮 刷新 UpdatePanel 控件 
如 图 12-5 和 图 12-6 所 示 ， 单 击 “ 刷 新 ”按钮 时 会 引发 页 面 往返 ， 页面 上 的 Label 控件 将 
被 刷新 ， 而 Button 控件 不 刷新 。 


使 用 外 部 近 钮 刷 产量 一 . Ox 使用 外 部 按钮 刷新 Wwe =l9|xl 
iT (SOO /oo pd 
我 在 Updatepanel 控 件 中 a 9:56:25 

> EH “ 


图 12-5 ”UpdatePnlOut.aspx 浏览 效果 (1) 图 12-6 ”UpdatePnlOut.aspx 浏览 效果 (2) 


源 程序 ，UpdatePnlOut.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="UpdatePnlOut.aspx.cs" 
Inherits="Chapl2 _ UpdatePnlOut" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="lblInterior" runat="server"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="btnRefresh" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:Button ID="btnRefresh" runat="server" OnClick="btnRefresh Cl1ick" 
Text=" 刷 新 "” /> 
</div> 
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</form> 


… (上 略 ) 


源 程 序 ，UpdatePnlOut.aspx.cs 
using System; 
public partial class Chapl2 UpdatePnlOut : System.Web.UI.Page 
{ 


protected void Page Load (object sender, EventArgs e) 


{ 
lblInterior.Text = "我 在 UpdatePanel 控件 中 "; 


} 
protected void btnRefresh Click(object sender, EventArgs e) 


{ 
lblInterior.Text = DateTime.Now.ToLongTimeString (); 


} 
. 


操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 UpdatePnlOut.aspx， 添 加 ScriptManager 和 UpdatePanel 控 
件 各 一 个 。 

(2) 在 UpdatePanel 控件 中 添加 一 个 Label 控件 ， 在 UpdatePanel 控件 外 添加 一 个 Button 
控件 。 为 UpdatePanel 控件 UpdatePanell 指定 触发 器 AsyncPostBack: btnRefresh.Click， 如 图 
12-7 所 示 。 


UpdatePanelTrieeer 集合 编辑 器 


AsyncPosthack: btnRefresh Click .. 
a 2 | 
日 行为 


ControlIl ~ btnRefresh 
EventHane ~ Click 


图 12-7 设置 UpdatePanel 控件 的 触发 器 


(3) 建立 UpdatePnlOut.aspx.cs 文件 。 最 后 ， 浏 览 UpdatePnlOut.aspx 进行 测试 。 

程序 说 明 : 

为 了 避免 不 必要 的 数据 回 送 ， 可 以 只 将 需要 更 新 的 控件 放 在 UpdatePanel 控件 对 应 的 
<ContentTemplate> 元 素 中 ， 而 将 触发 回 送 事件 的 控件 放 在 UpdatePanel 控件 外 部 ， 同 时 为 
UpdatePanel 控件 设置 触发 器 。 在 实例 12-1 中 ， 需 要 返回 与 Button 控件 相关 的 回 送 数据 ， 而 
本 实例 中 不 需要 返回 这 些 回 送 数据 ， 因 此 ， 将 返回 一 个 较 小 的 异步 响应 。 

3. 在 同一 个 页 面 中 使 用 多 个 UpdatePanel 控件 

启用 局 部 页 刷新 后 ， 可 执行 一 个 同步 回 发 来 刷新 整个 页 面 ， 也 可 执行 一 个 异步 回 发 来 刷 
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新 一 个 或 多 个 UpdatePanel 控件 的 内 容 。 是 否 导致 异步 回 发 并 刷新 UpdatePanel 控件 将 根据 
UpdateMode 属性 的 值 而 定 。 

如 果 将 UpdatePanel 控件 的 UpdateMode 属性 值 设置 为 Always， 则 每 次 执行 回 发 时 都 会 
刷新 UpdatePanel 控件 中 的 内 容 。 这些 回 发 包括 来 自 其 他 UpdatePanel 控件 所 包含 的 控件 的 异 
步 回 发 ， 也 包括 来 自 UpdatePanel 控件 未 包含 的 控件 的 回 发 。 

如 果 将 UpdateMode 属性 值 设 置 为 Conditional, 则 会 在 以 下 情况 中 刷新 UpdatePanel 控件 
的 内 容 : 

(1) 显 式 调用 UpdatePanel 控件 的 Update0 方 法 时 。 

(2) UpdatePanel 控件 嵌 套 在 另 一 个 UpdatePanel 控件 中 并 且 刷 新 父 面板 时 。 

(3) 通过 使 用 UpdatePanel 控件 的 Triggers 属性 定义 为 触发 器 的 控件 导致 回 发 时 。 

(4) 将 ChildrenAsTriggers 属性 值 设置 为 True 并 且 UpdatePanel 控件 的 子 控件 导致 回 发 时 。 

注意 : 不 允许 同时 将 ChildrenAsTriggers 属性 值 设 置 为 False 和 UpdateMode 属性 值 设置 
为 Always， 否 则 会 引发 异常 。 


实例 12-3 ”在 同一 个 页 面 中 使 用 多 个 UpdatePanel 控件 
如 图 12-8 和 图 12-9 所 示 ， 在 页 面 中 包含 两 个 UpdatePanel 控件 所 指定 的 独立 刷新 区 域 。 
单 击 不 同 的 按钮 将 刷新 不 同 的 区 域 。 当 单 击 “ 刷 新 第 1 个 面板 ”按钮 时 会 引发 页 面 往返 ， 页 
面 上 的 lbIUpl 控件 被 刷新 。 当 单 击 “ 刷 新 第 2 个 面板 ”按钮 时 会 引发 页 面 往返 , 页面 上 的 lblUp2 
控件 被 刷新 。 


KF TD |@ hr /ocahost ss P| 


在 月 一 个 页 面 中 使 用 地 中 x| 
(FE |@ /ocdbost ts oE 


我 在 第 1 个 面板 ~ 刷新 时 间 ，10:42:30 入 
我 在 第 ?个 面板 刷新 时 间 ，10:42:36 
刷新 第 2 个 面板 刷新 第 2 个 面板 ”| 


图 12-8 ”MultiUpdatePanel.aspx 浏览 效果 (1) 图 12-9 MultiUpdatePanelaspx 浏览 效果 (2) 


源 程序 ，MultiUpdatePanel.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" 
CodeFile="MultiUpdatePanel.aspx.cs" 
Inherits="Chapl2 MultiUpdatePanel" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="]blUp1l" runat="server" Text=" 我 在 第 1 个 面板 "></asp:Label> <br/> 
<asp:Button ID="btnUpl" runat="server" OnClick="btnUpl Click" 
Text=" 刷 新 第 1 个 面板 ” /> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
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<ContentTemplate> 
<asp:Label ID="]lblUp2"” runat="server” Text=" 我 在 第 2 个 面板 "> 
</asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="btnUp2" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:Button ID="btnUp2" runat="server" OnClick="btnUp2 Click" 
Text=" 刷 新 第 2 个 面板 ” /> 
</div> 
</form> 


0 (上 略 ) 


源 程序 : MultiUpdatePanel.aspx.cs 
using System 
public partial class Chapl2 MultiUpdatePanel : System.Web.UI.Page 
{ 
protected void btnUpl Click(object sender, EventArgs e) 
{ 
lblUp1 .Text = "刷新 时 间 : ”+ DateTime .Now.ToLongTimeString () 7 
} 
protected void btnUp2 Click(object sender, EventArgs e) 
{ 
lblUp2 .Text = "刷新 时 间 : " + DateTime.Now.ToLongTimeString(); 
} 
} 


操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 MultiUpdatePanelaspx， 添 加 一 个 ScriptManager 控件 和 两 
个 UpdatePanel 控件 。 

(2) 在 UpdatePanel 控件 UpdatePanell 中 添加 Label 和 Button 控件 各 一 个 。 

(3) 在 UpdatePanel 控件 UpdatePanel2 中 添加 一 个 Label 控件 。 在 两 个 UpdatePanel 控件 
外 添加 一 个 Button 控件 ， 参 考 源 程序 设置 各 控件 属性 。 

(4) 建立 MultiUpdatePanel.aspx.cs 文件 。 最后， 浏览 MultiUpdatePanel.aspx 进行 测试 。 


12.2.3 ”Timer 控件 


Timer 控件 按 定义 的 时 间 间 隔 执行 同步 或 异步 回 发 。 当 页 面 需要 定期 刷新 一 个 或 多 个 
UpdatePanel 控件 中 的 内 容 时 ， 可 以 使 用 Timer 控件 来 实现 。 例如， 页 面 需 要 定期 运行 服务 器 
上 的 代码 ， 按 定义 的 时 间 间 隔 刷新 页 面 等 情况 。 

Timer 控件 会 将 一 个 JavaScript 组 件 嵌 入 到 页 面 中 。 当 经 过 Interval 属性 定义 的 时 间 间 隔 
后 ， 该 JavaScript 组 件 将 从 浏览 器 启动 回 发 。 此 时 ，Timer 控件 的 Tick 事件 将 被 触发 。 

设置 mterval 属性 可 指定 回 发 发 生 的 频率 , 而 设置 Enabled 属性 可 启用 或 禁用 Timer 控件 。 
Interval 属性 值 以 毫秒 为 单位 进行 定义 ， 其 默认 值 为 60 000 毫秒 (60 秒 )。 因 为 将 Timer 控件 
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的 Interval 属性 值 设置 为 一 个 较 小 值 会 产生 大 量 发 送 到 Web 服务 器 的 通信 数据 ， 所 以 合理 地 
设置 Interval 属性 值 非常 关键 ， 通 常 在 满足 需求 的 情况 下 Interval 属性 值 要 尽量 大 些 。 

使 用 Timer 控件 时 ， 可 以 在 页 面 上 包含 多 个 Timer 控件 ， 也 可 以 将 一 个 Timer 控件 用 作 
页 面 中 多 个 UpdatePanel 控件 的 触发 器 关联 控件 。 


实例 12-4 ”运用 Timer 控件 
如 图 12-10 所 示 ， 本 实例 利用 Timer 控件 定时 刷新 页 面 上 的 汇率 值 以 及 该 汇率 的 生成 时 
间 。 初始 情况 下 , Timer 控件 每 5 秒 触 发 页 面 往返 一 次 , 从 而 更 新 一 次 UpdatePanel 中 的 内 容 。 
用 户 可 以 选择 每 5 秒 、 每 60 秒 刷 新 一 次 汇率 值 ， 或 始终 不 刷新 。 


人 [EECTYSE3 EF 
汇率 ，1S 竞 换 RMB 8635 。 和 
时 间 ，14:07:19 

刷新 频率 ， 

0O 惠 

O60o 秒 

O 不 刷新 吕 
页 面 最 后 更 新 时 间 ，14:06:49 


图 12-10 Timeraspx 浏览 效果 


源 程序 : Timeraspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Timer.aspx.cs" 
Inherits="Chapl2 Timer" %> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:Timer ID="tmrStock" OnTick="tmrStock Tick" runat="server" 
Interval="5000" /> 
<asp:UpdatePanel ID="upStock" runat="server" UpdateMode="Conditional"> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="tmrStock" /> 
</Triggers> 
<ContentTemplate> 
率 : 1$ 兑 换 RMB&nbsp; <asp:Label ID="]blPrice" runat="server"></asp:Label> 
<br /> 
时 间 : <asp:Label ID="lblPriceTime" runat="server"></asp:Label> 
</ContentTemplate> 


</asp:UpdatePanel> 

刷新 频率 : <br /> 

<asp:RadioButtonList ID="rdoltFrequency" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="rdoltFrequency_SelectedIndexChanged"> 
<asp:ListItem Value="5000">5 秒 </asp:ListItem> 
<asp:ListItem Value="60000">60 秒 </asp:ListItem> 
<asp:ListItem Value="0"> 不 刷新 </asp:ListItem> 

</asp:RadioButtonList> 

页 面 最 后 更 新 时 间 : <asp:Label ID="lblPageTime" runat="server"></asp:Label> 
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</div> 
</form> 


…( 略 ) 


源 程序 .Timer.aspx.cs 


using System; 
public partial class Chapl2 Timer : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
lblPageTime.Text = DateTime.Now.ToLongTimeString(); 
} 
protected void tmrStock Tick(object sender, EventArgs e) 
{ 
// 显 示 通 过 调用 自 定义 方法 产生 的 随机 汇率 值 
lblPrice.Text = GetStockPrice () 
// 显 示 汇 率 时 间 
lblPriceTime.Text = DateTime.Now.ToLongTimeString() 7 
} 
// <summary> 
// 自 定义 方法 ， 用 于 产生 一 个 随机 的 汇率 值 
// </summary> 
// <returns> 汇 率 值 </returns> 
Private string GetStockPrice () 
{ 


double randomStockPrice = 5.8 + new Random() .NextDouble() 
return randomStockPrice.ToString("C"); 


} 
protected void rdoltFrequency SelectedIndexChanged (object sender, EventArgs e) 


{ 
if (rdoltFrequency.SelectedValue == "0") // 选 择 “ 不 刷新 ” 


{ 
tmrStock.Enabled = false; 


} 
else // 选 择 “5 秒 ”或 “10 秒 ” 


{ 
tmrStock.Enabled = true; 
tmrStock.Interval = int.Parse(rdoltFrequency.SelectedValue); 


} 

操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 Timeraspx， 添 加 ScriptManager、Timer、UpdatePanel 和 
RadioButtonList 控件 各 一 个 。 在 UpdatePanel 控件 中 添加 两 个 Label 控件 ， 并 指定 触发 器 。 如 
图 12-11 所 示 ， 设 置 RadioButtonList 控件 的 Iems 属性 ， 其 他 属性 请 参考 源 程序 进行 设置 。 
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(2) 建立 Timeraspx.cs 文件 。 最 后 ， 浏 览 Timeraspx 进行 测试 。 


Li stItem 集合 编辑 器 21x| 


图 12-11 设置 RadioButtonList 控件 的 Items 属性 


程序 说 明 : 

tmrStock.Tick 事件 在 tmrStock.Enabled 属性 值 为 true 的 情况 下 , 间隔 tmrStock.Interval 属 
性 设置 的 时 间 自 动 被 触发 一 次 ， 执 行 tmrStock_Tick0 方 法 代码 。 当 选择 “5 秒 ” 或 “60 秒 ” 
选项 时 ，tmrStock.Enabled 属性 值 被 设置 为 tue， 并 通过 修改 tmrStock.Interval 属性 值 来 设置 
发 的 频率 。 当 选择 “不 刷新 ”选项 时 ，tmrStock.Enabled 属性 值 被 设置 为 false， 此 时 ， 将 
不 再 触发 tmrStock.Tick 事件 。 


12.2.4 ”UpdateProgress 控件 


当 页 面包 含 一 个 或 多 个 用 于 局 部 刷新 的 UpdatePanel 控件 时 ，UpdateProgress 控件 可 用 于 
设计 更 为 直观 的 用 户 界面 (UI)。 如 果 页 面 局 部 刷新 速度 较 慢 ,通过 UpdateProgress 控件 可 以 
显示 任务 的 完成 情况 。 

在 一 个 页 面 上 可 以 放置 多 个 UpdateProgress 控件 ， 通 过 设置 UpdateProgress 控件 的 
AssociatedUpdatePanelID 属性 , 可 以 使 每 个 UpdateProgress 控件 与 单个 UpdatePanel 控件 关联 。 
也 可 以 使 用 一 个 不 与 任何 特定 UpdatePanel 控 件 相 关联 的 UpdateProgress 控 件 , 在 这 种 情况 下 ， 
该 控件 将 为 所 有 UpdatePanel 控件 显示 进度 消息 。 


辐 


实例 12-5 运用 UpdateProgress 控件 
如 图 12-12 和 图 12-13 所 示 ， 当 单 击 “ 刷 新 ”按钮 时 显示 页 面 局 部 刷新 的 进度 条 信息 。 


14:50:01 A 


[ET 
ER BE ~ 


图 12-12 ”UpdateProgress.aspx 浏览 效果 (1) 图 12-13 UpdateProgress.aspx 浏览 效果 (2) 


源 程序 : UpdateProgress.aspx 部 分 代码 


<%@ Page Language="C#"”RutoEventWireup="true" CodeFile="UpdateProgress.aspx.cs" 
Inherits="Chapl2 UpdateProgress" $%> 
… (了 略 ) 
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<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<div style="background-color: #FFFFEO0"> 
<asp:Label ID="lblTime" runat="server"></asp:Label> 
<asp:Button ID="btnRefresh" runat="server" OnClick="btnRefresh Click" 
Text=" 刷 新 ” /> 
</div> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdateProgress runat="server" ID="UpdateProgress1l"> 
<ProgressTemplate> 
正在 连接 服务 器 …<img src="wait.gif" alt="" /> 
</ProgressTemplate> 
</asp:UpdateProgress> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，UpdateProgress.aspx.cs 
using System; 
public partial class Chapl2 UpdateProgress : System.Web.UI.Page 
{ 
protected void btnRefresh Click(object sender, EventArgs e) 
{ 
// 为 查看 UpdateProgress 控件 效果 ， 延 时 10 秒 
System.Threading.Thread.Sleep (TimeSpan.FromSeconds (10)); 
lblTime.Text = DateTime.Now.ToLongTimeString (); 


} 


操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 UpdateProgress.aspx， 添 加 ScriptManager、UpdatePanel、 
UpdateProgress 控件 各 一 个 。 在 UpdatePanel 控件 中 添加 一 个 div 层 , 在 该 div 层 中 添加 Label、 
Button 控件 各 一 个 。 在 UpdateProgress 控件 中 输入 “正在 连接 服务 器 …”， 添 加 一 个 HTML 
控件 Image， 参 考 源 程序 设置 各 控件 属性 。 

(2) 建立 UpdateProgress.aspx.cs 文件 。 最 后 ， 浏 览 UpdateProgress.aspx 进行 测试 。 

程序 说 明 : 

在 btnRefresh 按钮 的 Click 事件 处 理 代码 中 ， 为 查看 UpdateProgress 控件 效果 ， 利 
Thread.Sleep() 方 法 延 时 10 秒 ， 然 后 再 返回 服务 器 的 当前 时 间 。 在 实际 应 用 中 ,延迟 往往 是 由 
于 较 大 的 数据 通信 和 量 或 需要 花 较 长 时 间 来 处 理 的 服务 器 代码 造成 的 。 例 如 ， 需 要 长 时 间 运 行 
的 复杂 数据 库 查 询 等 。 
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12.3 Ajax Control Toolkit 


Ajax Control Toolkit 是 一 个 建立 在 Microsoft Ajax 框架 之 上 的 开源 项 目 ， 提 供 了 扩展 的 
Ajax 控件 工具 集 ， 用 户 可 以 像 其 他 ASPNET 服务 器 控件 一 样 地 使 用 该 工具 集 包 含 的 控件 。 

在 VSEW 2012 中 ， 利 用 NuGet 程序 包 管理 器 可 以 很 方便 地 将 Ajax Control Toolkit 安装 
到 当前 的 网 站 中 ， 安 装 时 NuGet 能 根据 当前 网 站 的 情况 自动 安装 其 他 辅助 的 程序 包 。 要 使 用 
Ajax Control Toolkit 中 包含 的 控件 ， 需 要 手工 添加 到 VSEW 2012 工具 箱 中 。 操 作 步 又 如 下 : 

(1) 打开 “工具 箱 ” 窗 口 ， 右 击 窗 口 的 空白 处 ， 在 弹出 的 快捷 菜单 中 选择 “添加 选项 卡 ” 
命令 ， 输 入 选项 卡 名 “Ajax 控件 工具 集 ”( 选 项 卡 名 可 自 定 )。 

(2) 右 击 “Ajax 控件 工具 集 ” 选 项 卡 ， 在 弹出 的 快捷 菜单 中 选择 “选择 项 ”命令 ,打开 
“选择 工具 箱 项 ”对 话 框 , 单 击 “ 浏 览 ”按钮 选择 AjaxControlToolkit.dll 文件 ， 此 时 , VSEW 
2012 会 自动 选择 Ajax Control Toolkit 命名 空间 中 的 所 有 控件 ， 如 图 12-14 所 示 。 

(3) 单 击 图 12-14 中 的 “确定 ”按钮 ， 完 成 Ajax 控件 的 添加 。 


ERE 到 


.JET Franework 组 件 | com 组 件 | silverlieht 组 件 | WPF 组 件 | 


名 称 命名 空间 ~ 程序 集 名 称 版 本 目录 福 
Accordion AjuxControlToolkit AjaxControlioolkit 4.571213 £\book\ 
了 区。 AccordionContentPanel AjaxControlToolkit 。 AjaxControlToolkit 4.5.7.1213 ff:\book\ 
了 区。 AccordionPane AjaxControlToolkit = 大 jaxCentrolToolkit 4.5.7.1213 f:\book\ 
区 和 axFileUpload AjaxControlToolkit = AjaxControlToolkit 4.5.7.1213  f£:\book\ 
区。 NwaysVisibleControlExtender AjaxControlToolkit = AjaxControlToolkit 4.5.7.1213  £f:\book\ 
GB AnimationExtender AjaxControlToolkit = AjaxControlToolkit 4.5.7.1213  f:\book\ 
区 AreaChart AjaxControlToolkit AjsxControlToolkit 4.5.7.1213  £:\book\ 
区。 AsyncFilelpload AjaxControlToolkit = AjaxControlToolkit 4.5.7.1213 Ebook 
了 AutoConpleteExtender AjaxControlToolkit = AjsxControlToolkit 4.5.7.1213 f:\book\ 
GB BalloonPopupExtender AjsxControlToolkit = AjaxControlToolkit 4.5.7.1213  £:\book\ 
区 Barchart AjaxControlToolkit = AjaxControlToolkit 4.5.7.1213 f:\book\ 
区 BubbleChart AjaxControlToolkit = AjsxControlToolkit 4.5.7.1213 f:\book\ 
GB calendarExtender AjsxControlToolkit = AjaxControlToolkit = 4.5.7.1213  £:\book\ 
区 CaseadingDropDown AjaxControlToolkit = AjaxControlToolkit = 4.5.7.1213 Ebook 
WS CollapsiblePanelExtender AjaxControlToolkit AjsxControlToolkit 4.5.7.1213 f:\book\ 轨 
1 » 


ob © | 


Accordion 
语言: 固定 语言 固定 国家 /地 区 ) ws| 
版 本 : 4.5.7.1213 


图 12-14 “选择 工具 箱 项 ”对 话 框 


表 12-1 给 出 了 Ajax Control Toolkit 包含 的 常用 Ajax 控件 。 


表 12-1 Ajax Control Toolkit 包含 的 常用 Ajax 控件 表 


控 件 说 ”了 明 
Accordion 可 折 革 面板 
AjaxFileUpload 文件 上 传 ， 支 持 上 传 进度 的 显示 、 大 文件 上 传 、 文 件 拖 放 上 传 等 
AlwaysVisibleControlExtender 将 指定 的 控件 悬浮 在 固定 位 置 
AnimationExtender 产生 与 Flash 媲美 的 JavaScript 动画 
AreaChart 产生 一 个 或 多 个 系列 的 面积 图 
AsyncFileUpload 异步 文件 上 传 


AutoCompleteExtender 扩展 TextBox 控件 ， 通 过 Web 服务 显示 包含 文本 框 输入 值 的 数据 
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续 表 
控 件 说 ”有明 

BalloonPopupExtender 扩展 TextBox 控件 ， 在 文本 框 获 得 焦点 时 弹出 提示 信息 
BarChart 产生 一 个 或 多 个 系列 的 条 形 图 
BubbleChart 产生 一 个 或 多 个 系列 的 气泡 图 
CalendarExtender 扩展 TextBox 控件 ， 在 文本 框 获 得 焦点 时 弹出 输入 日 历 的 界面 
CascadingDropDown 扩展 DropDownList 控件 ， 实 现 级 联 式 自动 填充 数据 
CollapsiblePanelExtender 提供 可 折 全 面板 的 效果 
ColorPickerExtender 扩展 TextBox 控件 ， 在 文本 框 获 得 焦点 时 弹出 颜色 选择 的 界面 
ComboBox 实现 组 合 框 功能 
ConfirmButtonExtender 扩展 Button 控件 ， 单 击 Button 控件 弹出 确认 提示 框 
DragPanelExtender 自由 拖 动 面板 
DropDownExtender 提供 SharePoint 样式 下 拉 菜 单 
DropShadowExtender 提供 投影 效果 的 面板 
DynamicPopulateExtender 将 Web 服务 返回 的 数据 动态 地 呈现 在 控件 上 


FilteredTextBoxExtender 
Gravatar 
HoverMenuExtender 
HIMLEditorExtender 
LineChart 
ListSearchExtender 
MaskedEditExtender 
ModalPopupExtender 


MutuallyExclusiveCheckBoxExtender 


NoBot 
NumericUpDownExtender 
PagingBulletedListExtender 
PasswordStrength 

PieChart 
PopupControlExtender 
Rating 

ReorderList 
ResizableControlExtender 
RoundedCornersExtender 
Seadragon 

SliderExtender 
SlideShowExtender 
TabContainer 
TextBoxWatermarkExtender 
ToggleButtonExtender 
ToolkitScriptManager 
Twitter 
UpdatePanelAnimationExtender 
ValidatorCalloutExtender 


扩展 TextBox 控件 ， 可 以 防止 用 户 输入 无 效 字 符 
显示 gravatar 类 型 图 片 

显示 包含 可 执行 操作 的 弹出 面板 

扩展 TextBox 控件 ， 提 供 HTML5 编辑 功能 

产生 一 个 或 多 个 系列 的 线形 图 

扩展 List 类 控件 ， 提 供 输入 值 后 自动 搜索 的 功能 
扩展 TextBox 控件 ， 提 供 指定 格式 的 输入 功能 
改变 部 分 页 面 的 样式 ， 弹 出 提示 信息 

扩展 CheckBox 控件 ， 提 供 选 择 多 个 排他 性 选项 的 功能 
拒绝 机 器 人 程序 

扩展 TextBox 控件 ， 提 供 通过 上 下 箭头 输入 数值 的 功能 
扩展 BulletedList 控件 ， 提 供 客户 端 排序 的 分 页 功能 
扩展 TextBox 控件 ， 显 示 输 入 密码 的 强度 

产生 一 个 或 多 个 系列 的 饼 图 

弹出 帮助 用 户 输入 的 面板 

以 星 号 显示 直观 的 评级 信息 

可 以 通过 鼠标 拖 动 改变 条 目 顺序 

可 以 拖 放 边 框 改 变 大 小 的 面板 

提供 放大 或 缩小 图 片 的 效果 

扩展 TextBox 控件 ， 提 供 通过 滑 块 输入 数值 的 功能 
提供 幻灯 片 放映 的 效果 

提供 选项 卡 的 效果 

扩展 TextBox 控件 ， 提 供水 印 的 效果 

扩展 CheckBox 控件 ， 通 过 图 片 表示 不 同 的 选择 


在 使 用 Ajax Control Toolkit 中 的 控件 时 ， 必 须 首先 添加 的 管理 控件 


显示 Twitter 状态 信息 
具有 动画 效果 的 局 部 刷新 面板 
增强 验证 控件 功能 
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12.4 小 结 


Microsoft Ajax 虽然 发 展 历史 不 长 ， 但 它 改 变 了 Web 应 用 程序 的 开发 方式 。 使 用 户 不 需 
要 漫长 的 页 面 等 待 ， 具 有 与 桌面 应 用 程序 类 似 的 用 户 体验 。 通 过 服务 器 控件 ScriptManager、 
UpdatePanel、UpdateProgress 和 Timer 可 以 方便 地 实现 Ajax 功能 

ScriptManager 控件 是 Microsoft Ajax 的 核心 ， 每 个 Ajax 页 面 必须 包含 ScriptManager 控 
件 。UpdatePanel 控件 定义 使 用 异步 回 发 刷新 的 页 面 区 域 。UpdateProgress 控件 提供 有 关 
UpdatePanel 局 部 刷新 页 面 时 的 状态 信息 。Timer 控件 通过 定义 固定 时 间 间 隔 来 执行 页 面 回 发 ， 
通常 和 UpdatePanel 配合 使 用 。Ajax Control Toolkit 扩展 了 服务 器 控件 的 功能 ， 大 大 提高 了 界 
面 的 交互 性 和 友好 性 。 


12.5 习 题 


1， 填 空 题 


(1) 通常 称 页 面 为 无 刷新 Web 页 面 。 


(2) Ajax 应 用 程序 所 用 到 的 技术 包括 和 

(3) 控件 是 Microsoft Ajax 功能 的 核心 。 

(4) 若 要 使 用 UpdatePanel 控件 则 首先 必须 添加 一 个 控件 。 

2. 是 非 题 

(1) 一 个 页 面 上 最 多 只 能 放置 两 个 UpdatePanel 控件 。 x 

(2) ScriptManager 控件 和 ScriptManagerProxy 控件 用 法 相同 。 CC ”3 

(3) ScriptManager 控件 的 EnablePartialRendering 属性 确定 某 个 页 面 是 否 可 以 局 部 刷新 。 
默认 情况 下 ，EnablePartialRendering 属性 值 为 True。 ER 

(4) 在 VSEW 2012 中 默认 已 安装 了 Ajax Control Toolkit。 KR 


(5) Timer 控件 的 Interval 属性 值 是 以 秒 为 单位 定义 的 ， 其 默认 值 为 60 秒 。 ( ) 
(6) 在 Microsoft Ajax 中 ， 除 了 使 用 Microsoft Ajax Library 外 ， 还 可 以 使 用 自 定义 的 


JavaScript 代码 。 (NE , 
(7) 经 过 设置 后 ， 单 击 页 面 上 任何 位 置 的 按钮 都 可 以 刷新 UpdatePanel 控件 中 的 内 容 。 
《六 
3， 选择 题 
(1) 下 列 技术 中 ，( ”) 不 是 Ajax 应 用 程序 所 必需 的 。 
A. ASPNET B. JavaScript 
C. XML D. XMLHttpRequest 对 象 
(2) 下 列 控件 中 ，(  ) 是 Microsoft Ajax 页 所 必需 的 。 
A. Timer B. UpdatePanel C. UpdateProgress D. ScriptManager 
(3) 下 面 有 关 一 个 页 面 上 可 以 使 用 几 个 UpdatePanel 控件 的 选项 中 ，(  ) 是 正确 的 。 
A. 一 个 B. 最 多 一 个 C: 多 个 D. 最 少 一 个 


(4) ( ) 用 于 管理 Ajax Control Toolkit 中 的 所 有 控件 。 
A. ValidatorCalloutExtender B. ToolkitScriptManager 
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C. AutoCompleteExtender D. CollapsiblePanelExtender 

4. 简 答题 

(1) 利用 Ajax 技术 的 Web 应 用 程序 和 传统 的 Web 应 用 程序 比较 有 什么 优点 ? 

(2) Ajax 包括 哪些 技术 ? 

(3) 最 常 使 用 的 Microsoft Ajax 服务 器 控件 有 哪些 ? 简要 说 明 它 们 的 功能 。 

(4) 如 何在 母 版 页 中 使 用 Microsoft Ajax? 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 在 实例 12-1 的 “lblExterior Text = "我 在 UpdatePanel 控件 外 ";” 语 句 处 设置 断 点 ， 青 
调试 UpdatePnlIn.aspx， 理 解 局 部 刷新 的 过 程 。 

(3) 设计 并 实现 一 个 基于 Microsoft Ajax 的 留言 短 。 

(4) 设计 并 实现 一 个 可 以 自动 显示 下 一 个 商品 的 页 面 。 

(5) 设计 并 实现 一 个 局 部 刷新 数据 查询 页 面 ， 要 求 如 下 : 

@ 从 下 拉 列 表 框 中 选择 商品 名 后 ， 在 GridView 中 显示 查询 结果 ， 且 页 面 的 其 他 部 分 不 
刷新 。 

@ 利用 UpdateProgress 控件 显示 任务 的 完成 情况 。 


Web 服务 和 WCF 服务 


本 章 要 点 : 

* 了 解 Web 服务 和 WCF 服务。 

。 掌握 建立 ASPNET Web 服务 和 WCF 服务 的 方法 。 
* 掌握 使 用 ASPNET Web 服务 和 WCF 服务 的 方法 。 


13.1 Web 服务 


13.1.1 ”Web 服务 概述 


在 实际 应 用 中 ， 特 别 是 大 型 企业 ， 数 据 常 来 源 于 不 同 的 平台 和 系统 。Web 服务 为 在 这 种 
情况 下 数据 集成 提供 了 一 种 便捷 的 方式 。 通过 访问 和 使 用 远程 Web 服务 可 以 访问 不 同系 统 中 
的 数据 。 在 使 用 时 ， 通 过 调用 Web 服务 ，Web 应 用 程序 不 仅 可 以 共享 数据 ， 还 可 以 使 用 其 他 
应 用 程序 生成 的 数据 ， 而 不 用 考虑 其 他 应 用 程序 是 如 何 生 成 这 些 数据 的 。 例 如 ， 可 以 通过 调 
用 天 气 预 报 Web 服务 来 获得 天 气 预报 数据 ， 而 不 用 考虑 天 气 预报 程序 的 实现 ， 也 不 用 对 其 进 
行 维护 。 

注意 : 返回 数据 而 不 是 返回 页 面 是 Web 服务 的 重要 特点 。 

除数 据 重用 外 ， 使 用 Web 服务 还 能 实现 软件 重用 。 例如， 建立 的 网 站 需要 让 用 户 能 查询 
联邦 快递 包 吾 、 查 看 股市 行情 、 在 线 购买 电影 票 等 ， 而 这 些 软件 功能 在 相应 公司 的 Web 应 用 
程序 中 都 已 实现 。 一 旦 他 们 把 这 些 功能 通过 Web 服务 “暴露 ”出 来 ， 通 过 调用 这 些 Web 服 
务 就 可 以 非常 容易 地 把 这 些 功 能 集成 到 了 要 建设 的 网 站 中 。 当 然 ， 在 实际 情况 中 要 获得 其 他 
公司 的 Web 服务 可 能 需要 付费 。 

Web 服务 需要 一 系列 的 协议 来 实现 。 在 网 络 通信 部 分 ， 继 承 了 Web 的 访问 方式 ， 使 用 
HTTP 作为 网 络 传输 的 基础 ， 除 此 以 外 ， 还 可 以 使 用 其 他 的 传输 协议 如 SMTP、FTP 等 。 因 
为 防火 墙 不 会 禁用 HITP， 因 此 Web 服务 能 跨越 不 同 公司 的 防火 墙 。 在 消息 处 理 部 分 ， 使 用 
简单 对 象 访问 协议 SOAP 作为 消息 的 传递 标准 。 该 标准 定义 了 如 何 将 发 送 到 Web 服务 的 消息 
进行 格式 化 和 编码 的 规范 。 

Web 服务 的 运作 还 需要 Web 服务 描述 语言 WSDL 和 “统一 描述 发 现 集成 ”协议 UDDI 
的 支持 。 其 中 ，WSDL 基于 XML 格式 ， 用 于 描述 Web 服务 的 信息 ， 如 该 Web 服务 提供 了 什 
么 类 、 有 什么 方法 、 需 要 什么 参数 等 。UDDI 用 来 存储 Web 服务 信息 和 发 布 Web 服务 ， 并 能 
提供 搜索 Web 服务 的 功能 。 实 际 上 ， 这 种 搜索 功能 是 由 UDDI 本 身 提供 的 Web 服务 完成 ， 
以 允许 客户 端 使 用 标准 的 SOAP 消息 来 搜索 注册 的 Web 服务 信息 。 
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13.1.2 ”建立 ASPNET Web 服务 


建立 Web 服务 的 实质 就 是 在 支持 SOAP 通信 的 类 中 建立 一 个 或 多 个 方法 .通过 ASPNET 
可 以 创建 自 定义 的 Web 服务 ， 所 生成 的 Web 服务 符合 SOAP、XML 和 WSDL 等 行业 标准 ， 
这 就 允许 其 他 平台 的 客户 端 与 ASPNET Web 服务 进行 交互 操作 。 只 要 客户 端 可 以 发 送 符合 标 
准 的 SOAP 消息 ， 该 客户 端 就 可 以 调用 ASPNET Web 服务 ， 而 与 该 客户 端 所 在 的 平台 无 关 。 

创建 ASPNET Web 服务 时 ， 需 要 创建 一 个 文件 扩展 名 为 .asmx 的 服务 文件 ， 然 后 在 该 文 
件 中 声明 Web 服务 ,同时 还 需要 在 App_Code 文件 夹 中 创建 一 个 类 文件 来 定义 Web 服务 方法 。 


实例 13-1 建立 ASPNET Web 服务 
本 实例 创建 的 ASPNET Web 服务 包含 一 个 HelloWorld0 方 法 ， 该 方法 返回 “我 是 调用 
Web 服务 返回 的 数据 !”。Web 服务 浏览 效果 如 图 13-1 所 示 。 在 图 13-1 中 ， 单 击 “ 服 务 说 明 ” 
链接 显示 Web 服务 的 WSDL 描述 ， 如 图 13-2 所 示 ; 单 击 “HelloWorld” 链 接 可 测试 建立 的 
Web 服务 ， 如 图 13-3 所 示 。 在 图 13-3 中 ， 单 击 “ 调 用 ”按钮 将 调用 HelloWorld0 方 法 ， 返 回 
包含 “我 是 调用 Web 服务 返回 的 数据 !” 信 息 的 XML 数据 ， 如 图 13-4 所 示 。 


服务 于 
ME localhost 49266/Wetservic DD 到 t+ BO ralsevice 服务 Bl | [大 


| WebService | 


支持 下 列 纵 作 。 有 关 正 式 定义 ， 清 查看 服务 刘表 . 


。 HelloWorl 


TInternet Erplorer 


此 Web 服务 使 用 http://tempuri.org/ 作为 默认 命名 空间 " 
建议 : 公开 XML Web services 之 前 ， 请 更 次 默认 命名 空间 * 


每 个 XML Web services 部 有 要 一 个 准 一 的 命名 之 间 ， 以 便 客 户 崎 应 髓 程序 能 名 将 亡 与 Web 上 的 其 他 联 务 区 Y 
http://tempuri.org/ 可 用 于 处 于 开发 阶段 的 XML Web services， 两 己 发 矶 的 XML Web services 区 的 今冬 空间 。 


图 13-1 WebService.asmx 浏览 效果 


olxl 
“= DH Diener x| 加 [从 是 大暑 夺 ) 


http://localhost: 49286/YebService. asmx?¥SDL ~ Internet Exploren 


<?xml version="1.0" encoding="UTF-8"?> 

~ <wsdl:definitions xmIns:wsdl="http://schemas.xmlsoap.org/wsdI/" 
targetNamespace="http:/ /tempuri.org/” xmIns;http="http://schemas.xmlsoap.org/wsdl/http/” 
hier rd ep xmlsoap. org/wsdl/soap12/" 


~ 


xmlns:soap="http://schemas.xmlsoap.org/wsdl/soap/” xmins:tns="http:/ /tempuri.org/" 
ttp:/ /schemas.xmlsoap.org/wsdl/mime/" 
xmIns:soapenc="http://schemas.xmlsoap.org/soap/encoding/" 
xmins:tm="http://microsoft.com/wsdl/mime/textMatching/"> 
~ <wsdl:types> 
- <s:schema targetNamespace="http://tempuri.org/" elementFormDefault="qualified"> 
- <s:element name="HelloWorld"> 
<s:complexType/> 
</s:element> 
- <s:element name="HelloWorldResponse"> 
- <s:complexType> 
- <s:sequence> 
<s:element name="HelloWorldResult" type="s:string" maxOccurs="1" 
minQccurs="0"/> 
</s:sequence> 
</s:complexType> 
</s:element> 
</s:schema> 
</wsdl:types> 
+ <wsdl:message name="HelloWorldSoapIn"> 
+ <wsdl:message name="HelloWorldSoapOut"> 
+ <wsdl:portType name="WebServiceSoap"> 
+ <wsdl:binding name="WebServiceSoap” type="tns:WebServiceSoap"> 
+ <wsdl:binding name="WebServiceSoap12" type="tns:WebServiceSoap"> 
+ <wsdl:service name="WebService"> v 
</wsdl:definitions> 


图 13-2 ” WebService 服务 对 应 的 WSDL 
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| websevice 上 


音 击 此 处， 黎 取 充 整 的 操作 列表 . 


HelloWorld 
测试 
者 有 全 司 HTTP POST 功 议 对 座 作 注 行 测 芝 ， 洁 单 去 " 词 司 "村 四- 


La 


ce asaryitelleyerld — 


Internet Erplorer 


<?xml version="1.0" encoding="UTF-8"?> 
<string xmlns="http://tempuri.org/ "> 我 是 调用 Web 服 务 返回 的 教 据 : </string> v 


图 13-4 ” WebService 服务 中 的 HelloWorld0 方 法 返回 的 XML 数据 


源 程序 ，WebService.asmx 
<%@ WebService Language="C#" CodeBehind="~/App_Code/WebService.cs" 
Class="WebService" %> 


源 程序 ，WebService.cs 

using System.Web.Services; 
/// <summary> 
/// WebService 测试 ， 调 用 HelloWorld() 方 法 返回 “我 是 调用 Web 服务 返回 的 数据 !” 
/// </summary> 
[WebService (Namespace = "http://tempuri.org/")] 
[WebServiceBinding (ConformsTo = WsiProfiles.BasicProfilel 1)] 
public class WebService : System.Web.Services.WebService 
{ 

public WebService () 


// 如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 
//InitializeComponent (); 


WebMethod] 

public string HelloWorld() 
{ 
return "我 是 调用 Web 服务 返回 的 数据 ! "; 


} 
操作 步骤 : 
(1) 为 清晰 地 理解 本 章 实例 ， 在 Book 解决 方案 中 新 建 一 个 Chap13Site 网 站 。 
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(2) 右 击 Chap13Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “Web 服务 ”模板 ， 输 入 Web 服务 文件 名 WebService.asmx， 单 击 
“添加 ”按钮 建立 文件 。 

(3) 在 Chapl3Site 网 站 的 App_Code 文件 夹 中 建立 WebService.cs 文件 。 最后， 浏览 
WebService.asmx 进行 测试 。 

程序 说 明 : 

在 WebService.cs 中 , [WebService(Namespace = "http://tempuri.org/")| 表 示 本 服务 的 命名 空 
间 。W3C 规定 每 一 个 Web 服务 都 需要 一 个 自己 的 命名 空间 来 区 别 其 他 的 Web 服务 ， 因 此 当 
正式 发 布 Web 服务 时 ， 需 要 将 它 改 为 开发 者 自己 的 命名 空间 ， 如 公司 网 站 的 域名 。 

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel_1)] 表 示 本 Web 服务 的 规范 为 
“WS-I 基本 规范 1.1 版 "”。 这 种 规范 可 用 于 实现 跨 平台 的 Web 服务 调用 。 

创建 Web 服务 的 实质 就 是 创建 System.Web.Services.WebService 的 一 个 子 类 ， 在 创建 类 
方法 前 必须 加 入 [WebMethod]。 如 果 不 用 [WebMethod] 进 行 声明 ， 则 定义 的 方法 只 能 在 本 服务 
内 部 调用 。 


13.1.3 ”调用 ASP.NET Web 服务 


ASPNET Web 服务 不 仅 可 以 在 Web 应 用 程序 中 使 用 ,也 可 以 在 Windows 窗 体 和 移动 Web 
应 用 程序 中 使 用 。 本 节 主 要 讨论 在 Web 应 用 程序 中 如 何 使 用 Web 服务 。 若 要 允许 Microsoft 
Ajax 从 脚本 库 中 调用 ASPNET Web 服务 ， 则 需要 在 定义 的 Web 服务 类 之 前 声明 
[System.Web.Script.Services.ScriptService]。 

要 使 用 某 个 ASPNET Web 服务 ， 只 需 将 该 服务 以 “服务 引用 ”的 方式 添加 到 网 站 中 ， 然 
后 通过 创建 该 服务 的 实例 来 调用 该 服务 。 


实例 13-2 调用 ASP.NET Web 服务 
如 图 13-5 和 图 13-6 所 示 ， 单 击 “ 测 试 Web 服务 ”按钮 将 调用 实例 13-1 建立 的 Web 服 
务 中 的 HelloWorld0 方 法 ， 返 回 “ 我 是 调用 Web 服务 返回 的 数据 !”。 


We 我 是 调用 Web 服 务 返回 的 数据 ! 
图 13-5 ” WebService.aspx 浏览 效果 (1) 图 13-6 WebService.aspx 浏览 效果 (2) 


源 程序 WebService.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebService.aspx.cs" 
Inherits="WebService" $%> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="btnTest" runat="server" OnClick="btnTest Click" 
Text=" 测 试 Web 服务 ” /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (了 略 ) 
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源 程序 : WebService.aspx.cs 


using System; 


public partial class WebService : System.Web.UI.Page 
{ 


protected void btnTest Click(object sender, EventArgs e) 
{ 


ServiceRefWeb.WebServiceSoapClient soapClient = new ServiceRefWeb. 
WebServiceSoapClient (); 
lblMsg.Text = soapClient.HelloWorld(); 
} 
} 


操作 步骤 : 

(1) 添加 服务 引用 。 右 击 Chap13Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 服务 引用 ” 
命令 ， 在 呈现 的 “添加 服务 引用 ”对 话 框 中 ， 单 击 “ 发 现 ” 按 钮 ，VSEW 2012 会 将 当前 网 站 
所 在 的 解决 方案 中 的 所 有 服务 自动 添加 到 “服务 ”列表 框 ， 选 择 WebService.asmx， 输 入 “ 命 
名 空间 ”ServiceRefWeb (可 以 根据 实际 情况 改变 )， 此 时 ， 界面 如 图 13-7 所 示 。 单 击 “ 确 定 ” 
按钮 完成 服务 引用 的 添加 。 此 时 ,VSEW 2012 会 自动 在 App_WebReferences 文件 夹 中 建立 包 
含 描述 ASPNET Web 服务 WebService 信息 的 ServiceRefWeb 子 文件 夹 。 


添加 服务 引用 


X| 


若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ， 请 输入 服务 VRL， 然 后 单 击 “ 转 到 ”。 若 要 浏览 可 用 的 服务 ， 请 单 击 “ 发 现 ”。 
地 址 多 ): 


Ps /localhost. 49286/WebService. asmx 司 转 到 (6) | | [ 渗 琉 而] ~ 


图 13-7 “添加 服务 引用 ”对 话 框 


(2) 建立 Web 窗 体 文件 并 调用 WebService。 在 Chap13Site 网 站 的 根 文件 夹 下 新 建 
WebService.aspx， 添 加 Button 和 Label 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 的 属性 。 建 立 
WebService.aspx.cs。 最 后 ， 浏 览 WebService.aspx 进行 测试 。 

程序 说 明 : 

当 单 击 “ 测 试 Web 服务 ”按钮 时 ， 首 先 建立 WebServiceSoapClient 的 实例 soapClient， 
再 调用 HelloWorld() 方 法 返回 数据 并 显示 在 IblMsg 上 。 


实例 13-3 ”运用 基于 Web 服务 的 AutoCompleteExtender 控件 
如 图 13-8 一 图 13-10 所 示 ， 当 在 文本 框 中 输入 字符 a( 也 可 输入 其 他 内 容 ) 时 ， 会 自动 
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呈现 一 个 包含 字符 a 的 商品 名 列表 ， 选 择 商品 名 Ant， 单 击 “ 搜 索 ” 按 钮 显示 该 商品 相关 的 
信息 。 


ET 0 10jx| 运用 基于 ?eb 服务 的 二 eg[= 


-Prod_Images Bugs ant gif100| 


图 13-10 ”Search.aspx 浏览 效果 (3) 


源 程序 : Search.asmx 
<g%Q@ WebService Language="C#" CodeBehind="~/App_Code/Search.cs" Class="Search" %> 


源 程序 : Search.cs 
using System; 
using System.Collections .Generic'; 
using System.Data.Ling.SqlClient; 
using System.Linqy7 
using System.Web.Services; 
// <summary> 
// 模糊 查找 与 关联 文本 框 中 输入 值 匹配 的 商品 名 ， 再 返回 商品 名 列表 
// </summary> 
[WebService (Namespace = "http://tempuri.org/")] 
[WebServiceBinding (ConformsTo = WsiProfiles.BasicProfilel 1)] 
[System.Web.Script.Services.ScriptService] 
public class Search : System.Web.Services.WebService 
{ 
public Search () 
{ 
// 如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 
//InitializeComponent (); 
} 
[WebMethod] 
public string[] GetStrings (string prefixText, int count) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
// 模 糊 查找 与 关联 文本 框 中 输入 值 匹配 的 商品 名 
Var products = from p in db.Product 


where SqlMethods.Like(p.Name, "%" + prefixText.Trim() + "%") 
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select p; 
// 将 查找 到 的 商品 名 填充 到 列表 类 对 象 1ist 中 
List<String> list = new List<String> (Count) 7 
foreach (var product in products) 
{ 
list.Add (product .Name); 
} 


return list.ToArray(); 


源 程序 ，Search aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="Search.aspx.cs" 
Inherits="Search" 委 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" 
runat="server"></ajaxToolkit:ToolkitScriptManager> 
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox> 
<ajaxToolkit:AutoCompleteExtender ID="txtSearch AutoCompleteExtender" 
runat="server" MinimumPrefixLength="1" 
Enabled="True" ServiceMethod="GetStrings" 
ServicePath="Search.asmx" TargetControlID="txtSearch"> 
</ajaxToolkit:AutoCompleteExtender> 
<asp:Button ID="btnSearch" runat="server" OnClick="btnSearch Click" 
Text=" 搜 索 " /> 
<asp:GridView ID="gvProduct" runat="server"></asp:GridView> 
</div> 
</form> 


… (上 略 ) 


源 程 序 ，Search.aspx.cs 
using System; 
using System.Data.Linqg.SqlClient; 
using System.Linqg; 
public partial class Search : System.Web.UI.Page 
{ 
protected void btnSearch Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var products = from p in db.Product 
where SqlMethods.Like(p.Name, "%" + txtSearch.Text + "%") 
select p; 
gvProduct .DataSource = products; 


gvProduct .DataBind(); 
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} 
} 


操作 步骤 : 

(1) 在 Chap13Site 网 站 的 App_Data 和 App_Code 文件 夹 中 分 别 建立 MyPetShop.mdf 和 
MyPetShop.dbml。 

(2) 参考 源 程序 在 Chap13Site 网 站 中 建立 Web 服务 Search 的 相关 文件 Search.asmx 和 
Search.cs。 

(3) 利 用 NuGet 程序 包 管理 器 在 Chap13Site 网 站 中 安装 Ajax Control Toolkit, 并 参考 12.3 
节 在 “工具 箱 ” 窗 口中 建立 “Ajax 控件 工具 集 ” 选 项 卡 。 

(4) 在 Chapl3Site 网 站 的 根 文件 夹 下 建立 Search.aspx， 添 加 ToolkitScriptManager、 
TextBox、AutoCompleteExtender、Button 和 GridView 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 的 
属性 。 

(5) 建立 Search.aspx.cs。 最 后 ， 浏 览 Search.aspx 进行 测试 。 

程序 说 明 : 

由 于 建立 的 Web 服务 将 被 Ajax 控件 AutoCompleteExtender 调用 ， 因 此 ， 在 Search.cs 中 
定义 Web 服务 类 Search 之 前 必须 声明 [System.Web.Script.Services.ScriptService]。 

在 Search.aspx 中 ， 要 管理 Ajax Control Toolkit 中 包含 的 Ajax 控件 ， 只 能 使 用 
ToolkitScriptManager， 不 能 使 用 ScriptManager。 


13.2 WCF 服务 


在 .NET Framework 3.0 中 ，Microsoft 提出 了 WCF (Windows Communication Foundation) 
服务 。 作 为 Microsoft 主推 的 一 个 通信 平台 ，WCF 为 服务 提供 了 运行 时 环境 (Runtime 
Environment)， 使 得 开发 者 能 够 将 CLR 类 型 公开 为 服务 ， 又 能 够 以 CLR 类 型 的 方式 使 用 服 
务 。 和 ASPNET Web 服务 不 同 ，WCF 是 面向 服务 (Service Oriented) 的 应 用 程序 新 框架 。 
提出 WCEF 的 目的 是 为 开发 基于 SOA 的 分 布 式 系 统 提供 可 管理 的 方法 和 广泛 的 互 操作 性 ， 并 
为 服务 定位 提供 直接 的 支持 。WCF 包含 一 个 POX (Plain Old XML) 的 通用 对 象 模型 ， 以 及 
可 以 利用 多 种 协议 进行 传输 的 SOAP 消息 。 由 于 WCF 也 可 以 深入 支持 WS-I 定义 的 Web 服 
务 标准 ， 因 此 它 可 以 毫 不 费力 地 与 其 他 Web 服务 平台 进行 互 操作 。 

.NET Framework 4.5 中 的 WCF 构建 于 NET Framework 3.0 的 基础 之 上 ， 将 以 Web 为 中 

心 的 通信 、SOAP 和 WS-I 标 准 组 合 到 了 一 个 服务 堆栈 和 对 象 模型 中 。 这 意味 着 可 以 构建 这 样 
的 一 个 服务 ， 即 采用 SOAP 和 WS-I 标准 在 企业 内 部 或 跨 企业 之 间 进 行 通信 ， 同 时 还 可 以 将 
同一 服务 配置 为 使 用 HITP 与 外 部 通信 。 实 际 上 ，WCF 处 理 了 服务 中 的 烦琐 细节 工作 ， 开 发 
人 员 可 以 更 加 专注 于 服务 所 提供 的 功能 。 
于 WCF 只 是 提供 一 个 运行 时 环境 ， 因 此 它 必须 托管 在 宿主 程序 中 。 这 种 托管 可 以 由 
IIS 完成 ,也 可 以 由 开发 者 自己 提供 宿主 程序 并 管理 进程 的 生命 周期 。 其 中 , 宿主 程序 可 以 是 
ASPNET、EXE、WPF、Windows Forms、NT Service 和 COM+ 等 。 

WCF 不 依赖 于 任何 传输 协议 ， 支 持 多 种 通信 协议 ， 如 HTTP、HTTPS、TCP、UDP、 
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MSMQ、 命 名 管道 、 对 等 网 等 。 因 此 ， 一 个 WCF 服务 的 地 址 应 该 包含 传输 协议 、 机 器 名 称 
WCF 的 大 部 分 功能 都 包含 在 一 个 单独 的 程序 集 System.ServiceModel.dll 中 ， 命 名 空间 为 


System.ServiceModel。 
13.2.1 建立 WCF 服务 


建立 一 个 WCEF 服务 和 建立 ASPNET Web 服务 不 同 。WCEF 服务 要 建立 服务 接口 文件 和 
服务 罗 辑 处 理 文件 。 在 VSEW 2012 中 , 建立 WCEF 服务 的 模板 有 WCF 服务 网 站 模板 和 WCF 
服务 模板 。WCEF 服务 网 站 模板 用 于 创建 独立 的 网 站 , 在 创建 时 会 自动 在 网 站 根 文件 夹 下 建立 
一 个 WCF 服务 文件 Service.sve, 同时 在 App_Code 文件 夹 下 建立 相应 的 类 文件 IService.cs 和 
Service.cs。 其 中 Service.svc 用 于 定义 WCF 服务 ;IService.cs 用 于 接口 的 定义 ; Service.cs 实 
现 服务 逻辑 处 理 。 当 然 ， 在 这 种 网 站 中 除 包 含 WCF 服务 文件 外 ， 还 可 以 包含 Web 窗 体 等 其 
他 文件 。 反 过 来 ， 要 建立 WCEF 服务 文件 ， 也 不 必 专 门 创建 一 个 网 站 ， 可 以 利用 WCF 服务 模 
板 在 已 有 的 ASPNET 网 站 中 添加 WCF 服务 文件 。 


实例 13-4 建立 WCEF 服务 
本 实例 建立 两 个 整数 加 减 运算 的 WCEF 服务 。 


源 程序 : Calsvc 
<%@ ServiceHost Language="C#" Debug="true" Service="Cal" 
CodeBehind="~/App_Code/Cal.cs" %> 


源 程序 ，ICal.cs 
using System.ServiceModel; 
[ServiceContract] 
public interface ICal 
{ 

[OperationContract] 

int Add(int a, int b); 

[OperationContract] 

int Subtract (int a, int b); 
} 


源 程序 : Calcs 


public class Cal : ICal 
{ 
public int Addl(int a, int b) 
i 
return (a + b); 
} 
public int Subtract (int a, int b) 
{ 


return (a - b); 
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} 
} 


操作 步骤 : 

(1) 右 击 Chap13Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “WCF 服务 ”模板 ， 输 入 WCF 服务 文件 名 Calsvc， 单 击 “ 添 加 ” 
按钮 建立 文件 。 

(2) 在 App_Code 文件 夹 下 建立 接口 文件 ICalcs。 

(3) 在 App_Code 文件 夹 下 建立 接口 文件 的 实现 文件 Cal.cs。 

(4) 在 “解决 方案 资源 管理 器 ”窗口 中 选择 Cal.svc 或 Calcs， 按 F5 键 进行 调试 ， 呈 现 
如 图 13-11 所 示 的 界面 。 在 图 13-11 中 ， 双 击 Add0 或 Subtract0 可 进行 相应 方法 的 测试 。 
=I9| x| 


[La 
文件 到 ) ”工具 ”帮助 t 


日 图 我 的 服务 项 目 
3@ http://localhost: 49286/Cal. sve 
日 -*9 ICal GasiclttpBinding_ICal) 


@ Adad0 A 
全 Subtract 0 和 有 “ 目 ” 选择 “添加 服务 ” 
ee Re gg 


式 自 93 
上 


图 13-11 Calsve 服务 调试 界面 


程序 说 明 : 
ICalcs 文件 中 的 [ServiceContract] 和 [OperationContract] 通 常 称 为 用 于 定义 服务 操作 的 服 


务 契 约 。[ServiceContract] 用 在 类 或 者 结构 上 ， 用 于 表示 该 类 或 者 结构 能 够 被 远程 调用 ， 而 
[OperationContract] 用 在 类 中 的 方法 上 ， 用 于 表示 该 方法 可 被 远程 调用 。 除 服务 契约 外 ，WCF 
中 的 契约 还 包括 用 于 自 定义 数据 结构 的 数据 契约 ， 用 于 自 定 义 错误 的 异常 契约 和 用 于 控制 消 
息 格式 的 消息 契约 。 

13.2.2 ”调用 WCF 服务 


和 调用 ASPNET Web 服务 相同 , 通过 添加 服务 引用 就 可 以 在 其 他 应 用 程序 中 调用 建立 的 
WCF 服务 。 


实例 13-5 ”调用 WCF 服务 
如 图 13-12 和 图 13-13 所 示 ， 本 实例 调用 实例 13-4 建立 的 WCF 服务 实现 整数 的 加 减 


eS 


下 一 国 到 | 下 一 


2+7-9 


入 
Y 


图 13-12 WefCal.aspx 浏览 效果 (1) 图 13-13 WefCal.aspx 浏览 效果 (2) 
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源 程序 : WcfCal.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WcfCal.aspx.cs" 
Inherits="WcfCal" 各 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtA" runat="server" Width="60px"></asp:TextBox> 
<asp:Button ID="btnAdd" runat="server" OnClick="btnAdd Click" Text=" 加 " /> 
<asp:Button ID="btnSubtract" runat="server" OnClick="btnSubtract Click" 
Text=" 减 " /> 
<asp:TextBox ID="txtB" runat="server" Width="60px"></asp:TextBox><br /> 
<asp:Label ID="lblResult" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ， WecfCalaspx.cs 
using System; 
public partial class WcfCal : System.Web.UI.Page 
{ 
protected void btnAdd Click(object sender, EventArgs e) 
{ 
ServiceRefCal.CalClient calClient = new ServiceRefCal.CalClient (); 
int a = int.Parse (txtA.Text); 
int b = int.Parse (txtB.Text); 
int result = calClient.Add(a，b); // 调 用 WcF 服务 cal 中 的 Add () 方 法 
lblResult.Text = a.ToString() + "+"+b.ToString() + "=" + result.ToString (); 
calClient.Close(); 
} 
protected void btnSubtract Click(object sender, EventArgs e) 
{ 


ServiceRefCal.CalClient calClient = new ServiceRefCal.CalClient (); 


int a = int.Parse (txtA.Text); 

int b = int.Parse (txtB.Text); 

int result = calClient.Subtract (a，b); // 调 用 WCF 服务 Cal 中 的 Subtract () 方 法 
lblResult.Text = a.ToString() + "-" + b.ToString() + "=" + result.ToString(); 
calClient.Close(); 


} 


操作 步骤 : 

(1) 添加 服务 引用 。 与 实例 13-2 中 添加 ASPNET Web 服务 类 似 , 但 此 处 选择 WCF 服务 
文件 Cal.svce， 输 入 “命名 空间 ”ServiceRefCal， 如 图 13-14 所 示 。 

(2) 建立 Web 窗 体 文件 并 调用 Cal。 在 Chap13Site 网 站 的 根 文件 夹 下 新 建 WcfCal.aspx， 
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添加 两 个 TextBox 控件 、 两 个 Button 控件 和 一 个 Label 控件 , 参考 源 程序 设置 各 控件 的 属性 。 
建立 WcfCal.aspx.cs。 最 后 ， 浏 览 WcfCal.aspx 进行 测试 。 


添加 服务 引用 耻 x| 
六 请 输入 服务 VERL， 然 后 单 击 “ 转 到 ”。 若 要 浏览 可 用 


地 址 他 ) 
Pt /flocalhost:49286/Cal. sve -| 转 到 @ | | wj -| 
服务 @G): 操作 @): 


选择 服务 协定 以 查看 其 操作 


图 13-14 “添加 服务 引用 ”对 话 框 


程序 说 明 : 

要 调用 WCF 服务 Cal， 首 先 应 建立 一 个 CalClient 类 对 象 ， 然 后 就 可 以 调用 WCF 服务 
Cal 中 定义 的 方法 。 本 例 建立 了 CalClient 类 对 象 的 实例 calClient。 
当 单 击 “ 加 ”按钮 时 ， 调 用 calClient 的 Add() 方 法 返回 计算 结果 并 在 lblResult 中 显示 加 
法 运算 式 。 
当 单 击 “ 减 ”按钮 时 ， 调 用 calClient 的 Subtract() 方 法 返回 计算 结果 并 在 lblResult 中 显示 
减法 运算 式 。 

使 用 WCEF 服务 后 , 要 调用 Close( 方 法 关闭 , 如 果 在 关闭 后 要 继续 使 用 , 可 以 调用 OpenO 
方法 打开 。 


长 车 


13.3 小 结 


本 章 介绍 了 Web 服务 和 WCF 服务 的 基本 工作 原理 ， 以 及 如 何 建 立 和 调用 ASPNET Web 
服务 和 WCEF 服务 的 方法 。 

使 用 Web 服务 能 实现 数据 重用 和 软件 重用 , 这 为 建立 分 布 式 系统 提供 了 方便 。 实现 Web 
服务 需要 HTTP、SMTP、SOAP、WSDL 和 UDDI 等 协议 的 支持 。 而 SOAP、WSDL 和 UDDI 
等 协议 都 是 基于 XML 进行 描述 的 .VSEW 2012 提供 的 Web 服务 模板 为 建立 和 调用 ASPNET 
Web 服务 提供 了 便捷 途径 。 

WCF 是 面向 服务 的 应 用 程序 新 框架 ， 目 的 是 为 开发 基于 SOA 的 分 布 式 系统 提供 可 管理 
的 方法 和 广泛 的 互 操作 性 ， 并 为 服务 定位 提供 直接 的 支持 。 建 立 WCF 服务 可 使 用 WCF 服务 
网 站 模板 和 WCF 服务 模板 。 在 建立 时 ， 需 要 建立 服务 定义 文件 、 服 务 接 口 文件 和 服务 逻辑 
处 理 文件 。 在 调用 ASPNET Web 服务 和 WCF 服务 时 ， 需 要 首先 添加 服务 引用 ， 再 应 用 到 
Web 窗 体 中 。 
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13.4 习 题 


1. 填空 题 

(1) ASPNET Web 服务 是 基于 创建 的 。 

(2) ASPNET Web 服务 文件 的 扩展 名 是 .asmx, 其 后 台 的 编码 文件 位 于 ”文件 夹 中 。 
(3) ASPNET Web 服务 文件 使 用 指令 代替 了 @ Page 指令 。 

(4) ASPNET Web 服务 类 和 普通 类 的 差别 是 方法 前 要 添加 

(5) 若 要 允许 使 用 Microsoft Ajax 从 脚本 中 调用 ASPNET Web 服务 ， 则 需 在 类 前 面 添 


加 。 
(6) 要 使 用 WCF 必须 导入 的 命名 空间 为 g 
(7) WCF 提供 了 一 个 运行 时 环境 ， 使 用 时 必须 托管 在 中 。 
2. 是非 题 
(1) Web 服务 只 能 在 ASPNET Web 应 用 程序 中 被 调用 。 
(2) 要 调用 WCF 服务 ， 需 要 通过 “添加 服务 引用 ”命令 进行 添加 。 
(3) ASPNET Web 服务 不 允许 方法 重 载 。 
(4) WCF 只 能 通过 HTTP 协议 传输 数据 。 
(5) WCF 的 大 部 分 功能 都 包含 在 程序 集 System.ServiceModeldll 中 。 
3， 选择 题 
(1) Web 服务 的 通信 协议 中 不 包括 (  ) 。 
A. HTTP B. XML C. SOAP D. TCP/IP 
(2) 如 果 要 在 网 站 中 使 用 ASPNET Web 服务 ， 则 必须 在 网 站 中 添加 (  ) 。 
A. 服务 引用 B. 引用 C. XML 引用 D. Web 网 站 
(3) WCF 服务 ( )。 
A. 可 以 和 ASPNET Web 服务 在 同一 网 站 中 使 用 ， 但 不 能 跟 其 他 服务 一 起 使 用 
B. 不 可 以 和 ASPNET Web 服务 在 同一 网 站 中 使 用 
C. 只 能 在 支持 WCF 消息 队列 (MSMQ) 功能 的 操作 系统 上 使 用 
D. 可 以 在 微软 所 有 的 操作 系统 上 使 用 
4， 简 答题 
(1) 为 什么 要 使 用 Web 服务 ? 
(2) ASPNET Web 服务 .asmx 文件 包含 什么 指令 ? 该 指令 包括 哪些 属性 ? 
(3) 什么 是 WCF 服务 ? 与 ASPNET Web 服务 有 何 区 别 ? 
5. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 设计 一 个 根据 邮编 查找 所 在 城市 的 ASPNET Web 服务 ， 并 测试 该 服务 。 
(3) 设计 一 个 根据 个 人 身份 证 号 码 返回 个 人 出 生 信息 《出 生地 、 出 生日 期 ) 的 WCEF 服 
并 测试 该 服务 。 
(4) WebXml.com.cn 提供 了 天 气 预 报 的 Web 服务 ,服务 访问 地 址 为 : http://www.webxml. 
com.cn/WebServices/WeatherWebService.asmx。 请 编写 调用 该 服务 的 应 用 程序 ， 实 现 天 气 预 报 
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的 查询 功能 ， 效 果 如 图 13-15 所 示 。 


Yeather Porecast — Internet Explorer 


(FO [Or /obost es/ DI)?) ere Foreest le 
国内 外 主要 城市 3 天 天 气 预报 实例 


选择 首 出 [十 二 [| 。 渤 择 城市 [二 EsR [II 


直辖 市 / 北京 
3BsR 今日 天 气 实 况 : 气温 : -5 ; 风向 /风力 : 西风 1 级 ; 温度 : 38% ; 空气 质量 : 暂 无 ; 时 外 线 强 座 : 避 


天 气 预报 ( 人 天) -10CATC 2 月 9 日 晴 北 风 3-4 银 转 无 持 当 风向 条 网 谋 并 
天 气 预报 (大 天 ) -10c/oc 2 月 10 日 哺 无 持 溉 风 向 向 风 桨 党 


天 气 预报 (后 天 ) 。 -8c/'C 2 月 11 日 晴 转 多云 无 持续 风 户 g 风 党 个 


预报 时 间 : 2014 年 02 月 09 日 呈 期 日 19:42 


图 13-15 第 13 章 习题 5(4) 浏览 效果 
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文件 处 理 


本 章 要 点 : 

* 掌握 Web 服务 器 上 驱动 器 、 文 件 夹 的 操作 。 

。 掌握 Web 服务 器 上 文件 的 新 建 、 移 动 、 复 制 和 删除 操作 。 
。 掌握 Web 服务 器 上 读 写 文件 的 方法 。 

* 熟悉 文件 的 上 传 操作 。 


14.1 驱动器、 文件 夹 和 文件 操作 


在 Web 应 用 程序 中 ，Web 服务 器 上 的 驱动 器 、 文 件 夹 和 文件 等 操作 很 广泛 ， 如 越 来 越 流 
行 的 网 络 硬 盘 。 在 使 用 时 ， 需 要 导入 System.IO 命名 空间 来 处 理 驱动 器 、 文 件 夹 和 文件 的 基 
本 操作 。 


14.1.1 获取 驱动 器 信息 


DriveInfo 类 可 以 实现 对 指定 驱动 器 信息 的 访问 。 利 用 DriveInfo 类 可 以 方便 地 获取 Web 


服务 器 上 每 个 驱动 器 的 名 称 、 类 型 、 大 小 和 状态 信息 等 。 常 用 的 属性 、 方 法 如 表 14-1 所 示 。 
表 14-1 DriveInfo 类 常用 属性 和 方法 表 

属性 、 方 法 说 ”了 明 

AvailableFreeSpace 属性 | 获取 驱动 器 可 用 空闲 容量 

DriveFormat 属性 获取 文件 系统 的 名 称 。 例 如 ，NTFS 或 FAT32 

IsReady 属性 逻辑 值 ， 表 示 一 个 特定 驱动 器 是 否 已 准备 好 

Name 属性 获取 驱动 器 的 名 称 

RootDirectory 属性 获取 驱动 器 的 根 文件 夹 

TotalSize 属性 获取 驱动 器 的 存储 空间 总 容量 

VolumeLabel 属性 获取 或 设置 驱动 器 的 卷 标 

GetDrives0 方 法 获取 Web 服务 器 上 所 有 逻辑 驱动 器 的 名 称 


实例 14-1 显示 Web 服务 器 上 所 有 驱动 器 的 信息 
如 图 14-1 所 示 ， 页 面 加 载 时 获取 当前 Web 服务 器 中 所 有 驱动 器 的 信息 ， 每 个 驱动 器 以 
一 个 节点 的 形式 显示 在 TreeView 控件 中 。 
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ET3EETTTTEETEEERELSOS 
(FE [Ep er ey EE 
9C: 六 
驱动 器 的 卷 标 ，System 
文件 系统 ，NTFS 
可 用 空闲 容 量 ，78039642112Bytes 
存储 空间 总 容量 ，147117322240Bytes 
@D: 
田 E: 
国正 


图 14-1 DriveInfo.aspx 浏览 效果 


源 程序 ， DriveInfo.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DriveInfo.aspx.cs" 
Inherits="Chapl4 DriveInfo" 和 > 
ee (上 略 ) 
<form id="form1"” runat="server"> 
<div> 
<asp:TreeView ID="tvDrive" runat="server"></asp:TreeView> 
</div> 
</form> 


… (上 略 ) 


源 程序 : DriveInfo.aspx.cs 
using System; 
using System.IO7; 
using System.Web.UI7 
using System.Web.UI.WebControls; 
public partial class Chap14 DriveInfo : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) 
{ 
// 获 取 Web 服务 器 中 的 所 有 册 辑 驱动 器 
DriveInfo[] allDrives = DrivelInfo.GetDrives(); 
foreach (DriveInfo drivelInfo in allDrives) 
| 
if (driveInfo.IsReady == true) // 若 驱动 器 已 准备 好 ， 则 显示 该 驱动 器 信息 
{ 
// 添 加 驱动 器 名 节点 
TreeNode treeNode = new TreeNode () 
treeNode.Value = driveInfo.Name; 


tvDrive.Nodes.Add (treeNode); 
// 添 加 驱动 器 卷 标 节点 
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TreeNode childNode = new TreeNode(); 


childNode .Value = "驱动 器 的 卷 标 : " + driveInfo.VolumeLabel; 


treeNode.ChildNodes.Add (childNode); 
// 添 加 驱动 器 文件 系统 节点 
childNode = new TreeNode(); 


childNode.Value = "文件 系统 : " + driveInfo.DriveFormat; 


treeNode.ChildNodes.Add (childNode); 
// 添 加 驱动 器 可 用 空闲 容量 节点 
childNode = new TreeNode () 


childNode.Value = "可 用 空闲 容量 : " + driveInfo.AvailableFreeSpace 


+ "Bytes"; 
treeNode.ChildNodes.Add (childNode); 
// 添 加 驱动 器 存储 空间 总 容量 节点 
childNode = new TreeNode () 


childNode.Value = "存储 空间 总 容量 : " + driveInfo.TotalSize + "Bytes"; 


treeNode.ChildNodes.Add (childNode); 
} 
else // 驱 动 器 没有 准备 好 
{ 


TreeNode nodeNotUse = new TreeNode(); 


nodeNotUse.Value = driveInfo.Name +“" (驱动 器 没有 准备 好 )"; 


tvDrive.Nodes.Add (nodeNotUse); 


操作 步骤 : 


(1) 在 Chap14 文件 夹 中 建立 DriveInfo .aspx， 添 加 一 个 TreeView 控件 ， 设 置 控件 的 ID 


属性 值 。 


(2) 建立 DriveInfo.aspx.cs 文件 。 最 后 ， 浏 览 DriveInfo.aspx 进行 测试 。 


程序 说 明 : 


实现 文件 操作 需要 导入 命名 空间 System.IO。 程 序 利用 DriveInfo.GetDrives() 获 取 所 有 了 驱 
动 器 集合 对 象 allDrives, 然后 利用 foreach 语句 遍历 allDrives, 将 驱动 器 的 信息 以 节点 的 方式 


添加 到 TreeView 控件 中 。 
14.1.2 ”文件 夹 操作 


操作 Web 服务 器 中 的 文件 夹 需 要 命名 空间 System.IO 中 的 Directory 类 和 DirectoryInfo 


类 。 利 用 它们 提供 的 方法 ， 可 以 实现 创建 和 删除 文件 来， 复制 、 移 动 和 如 


生命 名 文件 夹 ， 裔 历 


文件 夹 以 及 设置 或 获取 文件 夹 信息 等 操作 。Directory 类 常用 的 方法 如 表 14-2 所 示 ， 


DirectoryInfo 类 常用 的 方法 如 表 14-3 所 示 。 
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表 14-2 Directory 类 常用 方法 表 


为 法 说 ”有明 
CreateDirectory0) 创建 指定 路 径 中 的 文件 夹 
Delete0 删除 指定 的 文件 夹 
Exists() 确定 是 否 存 在 文件 夹 路 径 
GetCurentDirectory0 获取 应 用 程序 的 当前 文件 夹 
GetDirectories() 获取 指定 文件 夹 中 所 有 子 文件 夹 名 称 的 集合 
GetFiles0 返回 指定 文件 夹 中 所 有 文件 的 集合 
GetFileSystemEntries() 返回 指定 文件 夹 中 所 有 文件 和 子 文件 夹 的 名 称 集合 
GetLogicalDrives() 检索 格式 为 “< 驱动 器 号 >:\” 的 逻辑 驱动 器 的 名 称 
GetParent() 检索 指定 路 径 的 父 文件 夹 ， 包 括 绝 对 路 径 和 相对 路 径 
Move0 将 文件 或 文件 夹 及 其 内 容 移 到 新 位 置 
SetCurrentDirectory0 设置 当前 文件 夹 

表 14-3 DirectoryInfo 类 常用 方法 表 

方 ” 法 说 明 
Create() 创建 文件 夹 
CreateSubdirectory 0 在 指定 路 径 中 创建 一 个 或 多 个 子 文件 夹 
Delete0 删除 当前 文件 夹 
GetDirectories() 返回 当前 文件 夹 的 子 文件 夹 
GetFiles() 返回 当前 文件 夹 中 所 有 文件 的 集合 
MoveTo0 将 当前 文件 夹 移动 到 新 位 置 
ToString0 返回 用 户 所 传递 的 原始 路 径 


Directory 类 的 所 有 方法 都 是 静态 的 ， 也 就 是 说 ， 这 些 方法 可 以 直接 调用 ， 并 且 所 有 方法 
在 执行 时 都 将 进行 安全 检查 。 然 而 ，DirectoryInfo 类 的 方法 是 实例 方法 ， 使 用 前 必须 建立 
DirectoryInfo 类 的 实例 。 如 果 只 想 执行 一 个 操作 ， 使 用 Directory 类 的 方法 的 效率 要 高 。 如 果 
要 多 次 使 用 某 个 对 象 ， 用 DirectoryInfo 类 的 相应 实例 方法 ， 可 以 避免 多 次 安全 检查 。 例 如 ， 
以 下 两 组 示例 代码 的 功能 相同 ， 都 建立 了 “C:\Temp\Sub” 文 件 夹 。 

Directory 类 静态 方法 CreateDirectory0 的 示例 代码 如 下 : 


Directory.CreateDirectory (@"C:\Temp\Sub"); 
DirectoryInfo 类 实例 方法 Create0 的 示例 代码 如 下 : 


DirectoryInfo dirInfo = new DirectoryInfo(@"C:\Temp\Sub"); 
dirInfo.Create(); 


在 文件 夹 和 文件 的 操作 中 ,最 容易 出 错 的 是 路 径 的 处 理 。.NET Framework 提供 了 处 理 路 
径 的 Path 类 ， 利 用 Path 类 的 静态 方法 可 以 很 方便 地 处 理 路 径 。 常 用 的 方法 如 表 14-4 所 示 。 


表 14-4 Path 类 常用 方法 表 


方 法 说 明 
ChangeExtension() 更 改 路 径 字 符 串 的 扩展 名 
Combine0) 合并 两 个 路 径 字 符 串 
GetDirectoryName() 返回 指定 路 径 字 符 串 的 文件 夹 信 息 
GetExtension() 返回 指定 路 径 字符 串 的 扩展 名 
GetFileName0 返回 指定 路 径 字 符 串 的 文件 名 和 扩展 名 
GetFileName WithoutExtension() 返回 不 具有 扩展 名 的 文件 名 
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续 表 
方 ” 法 说 了 明 
GetFullPathO 返回 指定 路 径 字符 串 的 绝对 路 径 
GetPathRoot| 获取 指定 路 径 的 根 文件 夹 信 息 
GetRandomFileNameO 返回 随机 文件 夹 名 或 文件 名 


实例 14-2 计算 指定 文件 夹 的 大 小 
如 图 14-2 所 示 ， 在 文本 框 中 输入 文件 夹 路 径 后 ， 单 击 “ 计 算 ” 按 钮 ， 则 遍历 该 文件 夹 下 
所 有 的 子 文件 夹 和 文件 并 统计 大 小 ， 再 以 树 形 方式 显示 文件 夹 结构 。 


Humex#i x [| 
:+ [FBook 区 到 文件 夫 大 小 172142870 Bytes ~ 


文件 ，Book sln 大 小 ，9001 日 期 ，2013/119 10:52:42 
文件 ，Book vll.svo 大 小 ， 233472 日 期 ，20131119 10:52:42 
文件 ，MyPerShop sql 0 日 期 ，2013/12117 9:2847 
加 文件 夫 ，Chap1l0Site 日 期 22 11:1306 
昌文 件 夹 ，Chapl1Site 日 期 ，2014/23 15:1937 
量 文 件 夹 ，Chap13Site 日 期 ，2014/27 14:10:32 时 


图 14-2 Directory.aspx 浏览 效果 


源 程序 ， Directory.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="Directory.aspx.cs" 
Inherits="Chapl4 Directory" %> 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
输入 文件 夹 路 径 : <asp:TextBox ID="txtInput" runat="server"></asp:TextBox> 
<asp:Button ID="btnCompute" runat="server" OnClick="btnCompute Click" 
Text=" 计 算 ” /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
<asp:TreeView ID="tvDir" runat="server"></asp:TreeView> 
</div> 
</form> 


… ( 略 ) 


源 程序 : Directory.aspx.cs 
using System7 
using System.IO7 
using System.Web.UI.WebControls7 
public partial class Chapl4 Directory : System.Web.UI.Page 
{ 
protected void btnCompute Click(object sender, EventArgs e) 
{ 
string path = txtInput.Text; // 获 取 文件 夹 路 径 
if (Directory-Exists (path) ) // 若 文件 夹 存在 ， 则 遍历 该 文件 夹 
{ 


DirectoryInfo dirInfo = new DirectoryInfo (path); 
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TreeNode node = new TreeNode (path); 
lblMsg .Text = "文件 夹 大 小 : "+ Dirsize (dirInfo, node) .ToString() +"Bytes"; 
tvDir.Nodes.Add (node); 
: 
else // 若 文件 夹 不 存在 ， 则 显示 提示 信息 
{ 
lblMsg .Text = "输入 的 文件 夹 不 存在 "; 


/// <summary> 
/// 自 定义 方法 Dirsize()， 用 于 计算 指定 文件 夹 大 小 ， 并 显示 包含 的 子 文件 夹 和 文件 
/// </summary> 
/// <param name="dirInfo"> 指 定 文件 夹 </param> 
/// <param name="parent"> 上 级 文件 夹 </param> 
/// <returns> 文 件 夹 大 小 </returns> 
public static long DirSize(DirectoryInfo dirInfo, TreeNode parent) 
{ 
long size = 0; 


FileInfo[] fis = dirInfo.GetFiles();// 获 取 指定 文 件 夹 中 包含 的 文件 集合 


foreach (FileInfo fi in fis) // 累 计 计算 指定 文件 夹 中 的 文件 大 小 
{ 
// 添 加 文件 到 TreeView 中 
TreeNode node = new TreeNode(); 
node.Value = "文件 : " + fi.Name + "大 小 : " + fi.Length + " 日 期 :" 


+ fi.CreationTime; 
Parent .ChildNodes.Add (node); 
// 累 计 文件 大 小 


size += fi.Length; 


// 获 取 指 定 文件 夹 中 的 子 文件 夹 集 合 
DirectoryInfo[] dis = dirInfo.GetDirectories(); 
foreach (DirectoryInfo di in dis) // 累 计 计算 指定 文件 夹 中 的 子 文件 夹 大 小 
{ 
// 添 加 文件 夹 到 TreeView 中 


TreeNode nodeDir = new TreeNode () 


nodeDir.Value = di.Name; 
nodeDir.Text = "文件 夹 : " + di.Name + " 日 期 : " + di.CreationTime; 
Parent .ChildNodes.Add (nodeDir); 


size += DirSize(di, nodeDir); // 递 归 调用 自 定义 方法 DirSize() 
} 
return (size); // 返 回 指定 文件 夹 大 小 
} 
} 
操作 步骤 : 


(1) 在 Chap14 文件 夹 中 建立 Directory.aspx， 添 加 TextBox、Button、Label 和 TreeView 


第 14 章 文件 处 理 3 


控件 各 一 个 ， 参 考 源 程序 设置 各 控件 属性 。 
(2) 建立 Directory.aspx.cs 文件 。 最 后 ， 浏 览 Directory.aspx 进行 测试 。 


程序 说 明 : 


自 定义 的 静态 方法 DirSize0 分 为 两 部 分 : 

(1) 对 于 文件 夹 下 的 文件 ， 利 用 语句 “FileInfo[] fis = dirmfo.GetFiles0:” 返 回 FileInfo 对 
象 的 集合 ， 然 后 累计 所 有 文件 大 小 。 

(2) 对 于 文件 夹 下 的 子 文件 夹 ， 利 用 语句 “DirectoryInfo[] dis = dirInfo.GetDirectories();” 
返回 DirectoryInfo 对 象 的 集合 ， 然 后 利用 递归 调用 DirSize() 方 法 计算 子 文件 夹 下 所 有 文件 大 


小 的 和 。 


另外 ， 利 用 语句 “parent.ChildNodes.Add(node);” 和 “parent.ChildNodes.Add(nodeDir);” 
分 别 将 文件 和 文件 夹 添加 到 TreeView 控件 中 ， 形 成 目录 树 。 
14.1.3 ”文件 操作 

相 比 较 而 言 , 文件 的 操作 比 文件 夹 操 作 更 加 频繁 。ASPNET 4.5 中 的 File 和 FileInfo 类 提 
供 了 用 于 创建 、 复 制 \ 删 除 、 移 动 和 打开 文件 的 方法 。File 类 常用 的 方法 如 表 14-5 所 示 , FileInfo 
类 常用 的 方法 如 表 14-6 所 示 。File 类 和 FileInfo 类 中 有 些 方法 的 功能 相同 ， 但 File 类 中 的 方 
法 都 是 静态 方法 ， 而 FileInfo 类 中 的 方法 都 是 实例 方法 。 


方 法 
AppendAllTextO 
AppendTextO 
CopyO 
Create() 
CreateText() 
Delete0 
Exists() 
GetCreationTime() 
GetLastAccessTime() 
GetLastWriteTimeO) 
Move0 
Open0 
OpenRead() 
OpenTextO 
OpenWrite() 
ReadAllTextO 
Replace() 


SetCreationTime() 
SetLastAccessTime() 
SetLastWriteTime() 
WriteAllTextO 


表 14-5 File 类 常用 方法 表 
说 明 

将 指定 的 字符 串 追 加 到 文件 中 ， 如 果 文件 不 存在 则 创建 该 文件 
创建 一 个 StreamWriter， 将 UTF-8 编码 文本 追加 到 现 有 文件 
复制 文件 
在 指定 路 径 中 创建 文件 
创建 或 打开 一 个 用 于 写 入 UTF-8 编码 的 文本 文件 
删除 文件 
确定 文件 是 否 存在 
返回 文件 或 文件 夹 的 创建 日 期 和 时 间 
返回 上 次 访问 文件 或 文件 夹 的 日 期 和 时 间 
返回 上 次 写 入 文件 或 文件 夹 的 日 期 和 时 间 
移动 文件 
打开 指定 路 径 上 的 FileStream 
打开 现 有 文件 以 进行 读 取 
打开 现 有 UTF-8 编码 文本 文件 以 便 进 行 读 取 操 作 
打开 现 有 文件 并 进行 写 入 操作 
打开 一 个 文本 文件 ， 将 文件 的 所 有 行 读 入 到 一 个 字符 串 ， 然 后 关闭 该 文件 
使 用 其 他 文件 的 内 容 蔡 换 指定 文件 的 内 容 , 这 一 过 程 将 删除 原始 文件 ， 并 创建 被 替 
换文 件 的 备份 
设置 文件 的 创建 日 期 和 时 间 
设置 文件 的 上 次 访问 日 期 和 时 间 
设置 文件 的 上 次 写 入 日 期 和 时 间 
创建 一 个 新 文件 ,在 文件 中 写 入 内 容 ， 然 后 关闭 文件 。 若 目标 文件 已 存在 ， 则 获 盖 
该 文件 


加 


加 
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表 14-6 FileInfo 类 常用 方法 表 


方 - 法 说 明 
AppendTextO | 创建 一 个 StreamWriter， 向 文件 追加 文本 
CopyTo0 复制 文件 
Create() 创建 文件 
CreateText() | 创建 一 个 用 于 写 入 新 文本 文件 的 StreamWriter 
Delete0 删除 文件 
MoveTo 0 将 指定 文件 移 到 新 位 置 ， 并 提供 指定 新 文件 名 的 选项 
Open0 用 各 种 读 / 写 访问 权限 和 共享 特权 打开 文件 
OpenRead() | 创建 只 读 FileStream 
OpenTextO ”| 创建 使 用 UTF-8 编码 并 从 现 有 文本 文件 中 进行 读 取 的 StreamReader 
OpenWrite() | 创建 只 写 FileStream 
Replace() 使 用 当前 文件 替换 指定 文件 的 内 容 ， 同 时 将 删除 原始 文件 ， 并 创建 被 替换 文件 的 备份 
ToStringO) 以 字符 串 形式 返回 路 径 


实例 14-3 文件 的 创建 、 复 制 、 删 除 和 移动 操作 


如 图 14-3 一 图 14-5 所 示 , 本 实例 将 根据 输入 的 源 文 件 和 目标 文件 路 径 , 实现 文件 的 创建 、 
复制 、 删 除 和 移动 操作 ， 并 给 出 相应 操作 的 信息 提示 。 在 图 14-4 中 ， 输 入 源 文件 和 目标 文件 
路 径 ， 再 单 击 “ 移 动 ” 按 钮 时 ， 执 行 移动 操作 。 在 图 14-5 中 ， 输 入 源 文件 和 目标 文件 路 径 ， 
再 单 击 “ 复 制 ” 按 钮 时 ， 执 行 复制 操作 。 


文件 的 创建 、 复 制 、 删除 、 移 动 拉 作 Internet Erplorer 品 
企 人 A 记 
FO [Ors aeane 4355 pHs) Hees no NW | 国 | 5 本 


源 文 人 站 证 副 厦 串 昌 xf,[ 和 ^ 
执行 情况 ， 


文件 的 创建 、 复 制 、 


曾 除 、 移 动 授 作 - Internet Explor 


六 LON We 人 


六 TempiTest bat es 乓 唱 趾 目标 文件 ，FrempzesD ba 
行情 


文件 的 创建 、 复 制 、 删 除 、 移 动 捉 作 - Internet Explerer 9 x| 
OB eu ss DH) ves uN [| 二 二 
源 文件 ， Eee 国王 号 列 | 晶 村 文件, fTempzTesQ va 


执行 情况 


图 14-5 复制 文件 操作 效果 
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源 程序 : FileInfo.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileInfo.aspx.cs" 
Inherits="Chapl4 FileInfo" %> 


… (上 略 ) 


<form id="forml" runat="server"> 


<div> 


源 文 件 : <asp:TextBox ID="txtSource" runat="server"></asp:TextBox> 

<asp:Button ID="btnMove" runat="server" OnClick="btnMove Click" 
Text=" 移 动 " /> 

<asp:Button ID="btnCopy" runat="server" OnClick="btnCopy Click" 
Text=" 复 制 " /> 

目标 文件 : <asp:TextBox ID="txtTarget" runat="server"></asp:TextBox><br /> 

执行 情况 ，<br /> 

<asp:Label ID="lblMsg" runat="server" BorderWidth="2px" 
Font-Italic="True" Text=" 提 示 信 息 "></asp:Label> 


</div> 
</form> 


…( 咯 ) 


源 程序 ，FileInfo.aspx.cs 


using System; 
using System.1I0; 
public partial class Chapl4 FileInfo : System.Web.UI.Page 


' 


protected void btnMove Click(object sender, EventArgs e) 


{ 


} 


// 获 取 源 文件 和 目标 文件 路 径 
string pathSouce = txtSource.Text.Trim(); 
string pathTarget = txtTarget.Text.Trim(); 
// 若 两 个 路 径 字符 串 不 空 ， 则 执行 移动 操作 
if ((pathSouce.Length > 0) && (pathTarget.Length > 0)) 
' 
lblMsg.Text = MoveCopyFile (pathSouce, pathTarget, false); 


protected void btnCopy_Click(object sender, EventArgs e) 


{ 


} 


// 获 取 源 文件 和 目标 文件 路 径 
string pathSouce = txtSource.Text.Trim(); 
string pathTarget = txtTarget.Text.Trim(); 
// 若 两 个 路 径 字符 串 不 空 ， 则 执行 复制 操作 
if ((pathSouce.Length > 0) && (pathTarget.Length > 0)) 
. 
lblMsg.Text = MoveCopyFile(pathSouce, pathTarget, true); 


/// <summary> 
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/// 自 定义 方法 MoveCopyFile () ， 用 于 移动 或 复制 文件 

/// </summary> 

/// <param name="pathSource"> 源 路 径 </param> 

/// <param name="pathTarget"> 目 标 路 径 </param> 

/// <param name="act"> 值 为 true 表示 复制 ，false 表示 移动 </param> 

/// <returns> 提 示 信 息 </returns> 

private string MoveCopyFile (string pathSource, string pathTarget，bool act) 
{ 


String resMsg = " "7 
string pathRoot = Server.MapPath(""); // 获 取 网 站 根 文件 夹 
pathSource = Path.Combine (pathRoot, pathSource); // 获 取 源 文件 的 物理 路 径 


pathTarget = Path.Combine (pathRoot, pathTarget); // 获 取 目 标 文件 的 物理 路 径 
try 
{ 
// 获 取 源 文件 所 在 的 文件 夹 
string directoryName = Path.GetDirectoryName (pathSource); 
if (!Directory.Exists (directoryName)) // 若 源 文件 夹 不 存在 ， 则 新 建文 件 夹 
{ 
Directory.CreateDirectory (directoryName); 
resMsg = resMsg + "1、 源 文件 所 在 文件 夹 不 存在 ， 新 建 源 文 件 所 在 的 文件 夹 。<br />"; 
} 
if (!File.Exists (pathSource)) // 若 源 文件 不 存在 ， 则 新 建文 件 
{ 
using (FileStream fs = File.Create (PathSource)) { } 
resMsg = resMsg + "2、 源 文件 不 存在 ， 新 建 源 文件 。<br />"; 
} 
// 获 取 目 标 文件 所 在 的 文件 夹 
directoryName = Path.GetDirectoryName (pathTarget); 
if (!Directory.Exists(directoryName)) // 若 目标 文件 夹 不 存在 ， 则 新 建 
{ 
Directory.CreateDirectory (directoryName); 
resMsg = resMsg + "3、 目 标 文 件 所 在 的 文件 夹 不 存在 ， 新 建 目标 文件 所 在 的 文件 夹 。 
<br />"s 
} 
if (act) // 若 act 为 true， 则 复制 文件 
{ 
File.Copy (pathSource，pathTarget，true);// 复 制 文件 ， 若 目标 文件 存在 则 覆盖 
resMsg = resMsg + "5、 复 制 文件 。<br />"; 
else // 移 动 文 件 
{ 
if (File-Exists (pathTarget) ) // 若 目标 文件 存在 ， 则 删除 文件 
{ 
File.Delete (pathTarget); 
resMsg = resMsg + "4、 目 标 文件 存在 ， 删 除 目标 文件 。<br />"; 
} 
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File.Move (pathSource, pathTarget); / /移动 文件 
resMsg = resMsg + "5、 移 动 文件 。<br />"; 
} 
if (File.Exists (pathSource)) // 源 文件 存在 
{ 
resMsg = resMsg + "6-1、 源 文件 存在 ， 复 制 操作 完成 。<br />"; 
} 
else // 源 文件 不 存在 
{ 
resMsg = resMsg + "6-2、 源 文件 不 存在 ， 移 动 操作 完成 。<br />"; 
} 


catch (Exception e) 
| 
resMsg = resMsg + "7、 程 序 执行 异常 。 错 误 信息 : " + e.Tostring(); 
return resMsg; // 返 回 提示 信息 
} 
} 


操作 步骤 : 

(1) 在 Chap14 文件 夹 中 建立 FileInfo.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 FileInfo.aspx.cs 文件 。 最 后 ， 浏 览 FileInfo.aspx 进行 测试 。 

程序 说 明 : 

如 果 源 文件 夹 不 存在 ， 语 句 “Directory.CreateDirectory(directoryName);” 将 创建 文件 夹 。 
如 果 文 件 不 存在 ， 语 句 “using (FileStream fs = File.Create(pathSource)) { }” 将 创建 一 个 空 文 
件 ， 然 后 会 自动 关闭 全 对 象 。 

另外 ， 还 可 以 利用 FileInfo 类 的 CreationTime 属性 获取 文件 的 创建 时 间 ，Length 属性 获 
取 文 件 大 小 等 信息 。 


14.2 读 写 文件 


读 写 文件 是 Web 应 用 程序 中 的 一 个 重要 操作 。 在 保存 程序 的 数据 、 动态 生成 页 面 或 修改 
应 用 程序 的 配置 信息 等 方面 都 需要 读 写 文件 。 例 如 ， 在 大 型 的 新 闻 发 布 系统 中 常 根据 数据 库 
信息 生成 静态 页 面 文件 。 在 .NET Framework 中 采用 基于 Stream 类 和 Reader/Writer 类 读 写 IO 
数据 的 通用 模型 ， 使 得 文件 读 写 操作 非常 简单 ， 如 图 14-6 所 示 。 


14.2.1 Stream 类 


在 .NET 中 读 写 数据 都 使 用 数据 流 的 形式 实现 。 Stream 类 为 IO 数据 读 写 提供 了 基本 的 功 
能 ， 但 是 Stream 类 是 一 个 抽象 类 ， 因 此 ， 要 完成 不 同 数据 流 的 操作 ， 必 须 使 用 它 的 派生 类 。 
例如 ， 使 用 MemoryStream 类 实现 内 存 操作 ，FileStream 类 实现 文件 操作 等 。 
下 面 以 常用 的 FileStream 类 为 例 说 明 。 
FileStream 类 能 完成 对 文件 进行 读 取 、 写 入 、 打 开 和 关闭 操作 ， 并 对 其 他 与 文件 相关 的 
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操作 系统 句柄 进行 操作 ， 如 管道 、 标 准 输入 和 标准 输出 等 。 读 写 操作 可 以 指定 为 同步 或 异步 


操作 ， 默 认 情况 下 以 同步 方式 打开 文件 。 


文件 系统 内 存 网 络 物理 硬件 
| Stream 类 
FileStream MemoryStream NetworkStream 

Reader 类 Writer 类 

TextReader TextWriter 
StreamReader | StreamWriter 

StringReader | [一 String Writer 
BinaryReader -| BinaryWriter 


图 14-6 读 写 IO 数据 的 通用 模型 图 


FileStream 类 的 常用 属性 如 表 14-7 所 示 。 
表 14-7 FileStream 类 常用 属性 表 


属 性 说 了 明 
CanRead 当前 数据 流 是 否 支 持 读 取 
CanWrite 当前 数据 流 是 否 支持 写 入 
Length 数据 流 长 度 〈 用 字 节 表 示 ) 
Name 获取 传递 给 构造 函数 的 FileStream 的 名 称 
ReadTimeout | 获取 或 设置 一 个 值 〈 以 毫秒 为 单位 )， 确 定数 据 流 在 超时 前 尝试 的 读 取 时 间 
WiriteTimeout | 获取 或 设置 一 个 值 〈 以 毫秒 为 单位 )， 确 定数 据 流 在 超时 前 尝试 的 写 入 时 间 


FileStream 类 常用 的 方法 如 表 14-8 所 示 。 


表 14-8 FileStream 类 常用 方法 表 


方 法 说 了 明 
BeginRead0) 开始 异步 读 取 
BeginWrite0) 开始 异步 写 入 
Close0 关闭 当前 数据 流 并 释放 与 之 关联 的 所 有 资源 
EndRead0 完成 异步 读 取 
EndWriteO 结束 异步 写 入 
FlushO 将 缓冲 区 中 的 数据 流 数据 写 入 文件 ， 然 后 清除 缓冲 区 中 的 数据 
LockO 允许 读 取 访问 的 同时 防止 其 他 进程 更 改 FileStream 
Read0 从 数据 流 中 读 取 字 节 块 并 将 该 数据 写 入 指定 的 缓冲 区 中 
ReadByte0 从 文件 中 读 取 一 个 字 节 ， 并 将 读 取 位 置 偏 移 一 个 字 节 
UnlockO 允许 其 他 进程 访问 以 前 锁定 的 某 个 文件 的 全 部 或 部 分 
Write0 将 缓冲 区 中 读 取 的 数据 写 入 数据 流 


WriteByte0 将 一 个 字 节 写 入 文件 流 的 当前 位 置 


第 14 章 文件 处 理 2 


注意 :Read0 和 Write() 实 现 对 文件 的 同步 读 写 操作 ,这 也 是 最 常用 的 方法 .而 BeginRead()、 
EndRead()、BeginWrite() 和 EndWrite0) 方 法 实现 对 文件 的 异步 读 写 操作 。 当 异步 写 文 件 时 需要 
利用 Lock0 和 UnLock(0) 方 法 解决 文件 共享 冲突 问题 。 

数据 流 在 使 用 后 要 调用 数据 流 的 Close0 方 法 来 关闭 数据 流 , 如 “fs.Close0;” 语 句 。 另外， 
也 可 以 利用 using 来 确保 数据 流 在 使 用 后 被 关闭 。 这 是 因为 在 using 语句 关闭 时 会 自动 调用 数 
据 流 对 象 的 Dispose0 方 法 , 而 Dispose() 方 法 会 调用 数据 流 的 Close() 方 法 来 关闭 数据 流 . 因 此 ， 
可 以 将 数据 流 操作 语句 块 放 在 using 语句 中 。 例 如 ， 利 用 FileStream 类 写 文件 的 示例 代码 
如 下 : 


using (FileStream fs = new FileStream(fileName, FileMode.Append)) 
{ 

byte[] data = Encoding.ASCII.GetBytes ("Add string!"); 

fs .Write (data, 0, data.Length); 
} 


FileStream 类 的 构造 函数 有 许多 重 载 版 本 ， 下 面 是 最 常见 的 一 种 ， 使 用 指定 的 路 径 、 文 
件 模式 、 读 / 写 权限 和 共享 权限 来 创建 FileStream 类 的 实例 : 
public FileStream(string path, FileMode mode, FileAccess access, 
FileShare share) 


各 参数 的 含义 如 下 : 

(1) path 一 一 指定 FileStream 对 象 将 读 取 或 写 入 文件 的 相对 路 径 或 绝对 路 径 。 

(2) mode 一 一 FileMode 常数 ， 确 定 如 何 打 开 或 创建 文件 。 如 值 Open 表示 打开 文件 ， 文 
件 不 存在 则 出 错 ; 值 Create 表示 建立 文件 ， 将 覆盖 存在 的 文件 ， 值 Append 表示 以 添加 方式 
打开 存在 的 文件 ， 如 果 文 件 不 存在 则 创建 文件 。 

(3) access 一 一 FileAccess 常数 ， 确 定 FileStream 对 象 访问 文件 的 方式 。 如 值 Read 表示 
对 象 可 读 ， 值 Write 表示 对 象 可 写 ， 值 ReadWrite 表示 对 象 可 读 写 。 

(4) share 一 一 FileShare 常数 ， 确 定 文件 如 何 由 进程 共享 。 如 值 None 表示 不 允许 共享 文 
件 ; 值 Write、Read、ReadWrite、Delete 依次 表示 可 以 写 、 读 、 读 写 、 删 除 文件 。 


实例 14-4 利用 FileStream 类 读 写 文件 
本 实例 首先 判断 网 站 根 文件 夹 下 的 Chap14 文件 夹 中 是 否 存在 文件 Testtxt， 若 不 存在 ， 
则 新 建 Test.txt 文件 ， 并 写 入 “The First Line!”; 若 存 在 ， 则 打开 并 读 取 该 文件 ， 如 图 14-7 所 
示 。 单 击 “ 添 加 ”按钮 可 以 将 文本 框 中 输入 的 内 容 添加 到 文件 末尾 ， 然 后 再 读 取 文 件 内 容 并 
显示 在 页 面 上 ， 如 图 14-8 所 示 。 


The First Line! 我 是 添加 的 


图 14-7 ”FileStream 类 读 文 件 效果 图 14-8 FileStream 类 写 文件 效果 
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源 程序 : FileStream.aspx 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileStream.aspx.cs" 
Inherits="Chapl4 FileStream" 各 > 
…( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtAppend" runat="server" Height="58px" 
TextMode="MultiLine"> 
</asp:TextBox> 
<asp:Button ID="btnAppend" runat="server" Text=" 添 加 " 
OnClick="btnAppend Click" /><br /> 
<asp:Label ID="lblShow" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程 序 ，FileStream.aspx.cs 
using System; 
using System.10; 
using System.Text; 
public partial class Chapl4 FileStream : System.Web.UI.Page 
{ 
protected void Page_Load (object sender, EventArgs e) 
{ 
string fileName = Path.Combine (Request.PhysicalApplicationPath, 
@"Chapl4\Test .txt"); 
if (File.Exists(fileName))  // 文 件 存在 
// 调 用 自 定义 方法 ReadText () ， 读 取 文件 并 显示 到 1b1Show 
lblShow.Text = ReadText () ; 
} 
else // 文 件 不 存在 
{ 
// 调 用 自 定义 方法 AppendText () ， 新 建文 件 并 添加 内 容 
AppendText ("The First Line!™"); 
lblShow.Text = ReadText (); 


} 
protected void btnAppend Click(object sender, EventArgs e) 
{ 
string appStr = txtAppend.Text.Trim(); 
if (appStr.Length > 0) // 输 入 不 空 
: 
// 调 用 自 定义 方法 AppendText () ， 将 文本 框 中 输入 值 添加 到 文件 后 面 
AppendText (appSstr); 
// 调 用 自 定义 方法 ReadText () ， 读 取 文件 并 显示 到 lblshow 
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lblShow.Text = ReadText (); 


} 
/// <summary> 
/// 自 定义 方法 ReadText () ， 读 取 网 站 根 文件 夹 下 的 Chap14\Test .txt 文件 内 容 
/// </summary> 
/// <returns> 返 回 文件 内 容 字 符 串 </returns> 
private string ReadText () 
{ 
// 获 取 文件 的 物理 路 径 
string fileName = Path.Combine (Request.PhysicalApplicationPath, 
@"Chapl4\Test .txt"); 
// 创 建 一 个 输出 流 


FileStream fs = File.Open (fileName, FileMode.Open, FileAccess.Read, 


FileShare.Read); 

byte[] data = new bytel[lfs.Length]; 

fs.Read(data, 0, (int)fs.Length); 

fs.Close(); 

return Encoding.UTF8.GetString (data); // 返 回 内 容 字 符 串 
} 
/// <summary> 
/// 自 定义 方法 AppendText ()， 添 加 内 容 到 网 站 根 文件 夹 下 的 Chap14\Test .txt 文件 
/// </summary> 
/// <param name="addText"> 要 添加 的 文件 内 容 </param> 
Private void AppendText (string addText) 


{ 
// 获 取 文 件 的 物理 路 径 
string fileName = Path.Combine (Request.PhysicalApplicationPath, 
@"Chapl4\Test .txt"); 
// 创 建 一 个 输入 流 


FileStream fs = File.Open (fileName, FileMode.Append, FileAccess.Write, 


FileShare.None); 
byte[] data = Encoding.UTF8.GetBytes (addText); 
fs.Write(data, 0, data.Length); 
fs.Flush(); 
fs.Close(); 


} 

操作 步骤 : 

(1) 在 Chap14 文件 夹 中 建立 FileStream.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 
(2) 建立 FileStream.aspx.cs 文件 。 最 后 ， 浏 览 FileStream.aspx 进行 测试 。 
程序 说 明 : 


最 初 在 网 站 根 文件 夹 下 的 Chap14 文件 夹 中 不 存在 Test.txt 文件 ， 此 时 调用 “AppendText 
("The First Line!");” 执 行文 件 写 操作 。 单 击 “ 添 加 ”按钮 时 调用 “AppendText(appStr);” 添 加 
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文本 框 中 输入 的 内 容 到 文件 末尾 ， 然 后 执行 “IblShow.Text = ReadText(;” 语 句 ， 读 取 Test.txt 
文件 内 容 并 显示 在 lblShow 控件 上 。 
Request PhysicalApplicationPath 属性 获取 网 站 的 根 文件 夹 ，Path.Combine() 方 法 将 两 个 路 
径 合并 为 一 个 路 径 字 符 串 。 
Encoding.UTF8 表示 编码 采用 UTF-8 编码 方式 ， 此 时 ， 支 持 将 中 文 写 入 文件 。 若 采用 其 
他 编码 方式 ， 在 文件 中 写 入 中 文 时 会 出 现 乱码 。 另 外 ， 要 使 用 Encoding 类 则 需要 导入 命名 空 


间 System.Text。 
14.2.2 ”Reader 和 Writer 类 
和 Stream 类 不 同 ，Reader 和 Writer 类 可 以 完成 在 数据 流 中 读 写 字 节 等 操作 。.NET 
Framework 针对 不 同 的 数据 流 类 型 提供 了 不 同 的 Reader 和 Writer 类 。 不 同 的 文件 类 型 由 对 应 
的 特定 类 进行 读 写 。 表 14-9 和 表 14-10 分 别 列 出 了 部 分 Reader 和 Writer 类 。 
表 14-9 Reader 类 对 应 表 


Reader 类 说 明 
System .IO.BinaryReader 以 二 进 制 值 形 式 从 数据 流 中 读 取 数据 
System.IO.StreamReader 从 字 节 数据 流 中 读 取 字 符 ， 派 生 于 TextReader 
System.IO.StringReader 将 文本 读 取 为 一 系列 内 存 字符 串 ， 派 生 于 TextReader 
System.IO.TextReader 抽象 类 ， 读 取 一 系列 字符 

表 14-10 Writer 类 对 应 表 

Writer 类 说 了 明 
System.IO.Binary Writer 将 二 进 制 基本 数据 写 入 数据 流 
System.IO.StreamWriter 把 字符 写 入 数据 流 ， 派 生 于 TextWriter 
System.IO.StringWriter 将 文本 写 入 内 存 字符 串 ， 派 生 于 TextWiriter 
System.IO.TextWriter 抽象 类 ， 写 入 一 系列 字符 


1，TextReader 和 TextWriter 类 

TextReader 和 TextWriter 类 作为 抽象 类 ， 用 于 读 写 文本 类 型 的 内 容 ， 在 使 用 时 ， 应 建立 
它们 的 派生 类 对 象 实例 ， 如 : 

TextReader sr = new StreamReader (fileName); 

TextReader 类 的 常用 方法 如 表 14-11 所 示 ，TextWriter 类 的 常用 方法 如 表 14-12 所 示 。 


表 14-11 TextReader 类 的 常用 方法 表 


方 法 说 明 

Close0 关闭 TextReader 并 释放 与 之 关联 的 所 有 系统 资源 

PeekO 读 取 下 一 个 字符 ， 但 不 使 用 该 字符 。 当 读 到 文件 尾 时， 返回 值 -1， 可 以 根据 返回 值 判 断 是 
和 否 已 到 文件 尾 

Read0 从 输入 数据 流 中 读 取 数 据 


ReadBlockQ | 从 当前 数据 流 中 读 取 最 大 count 值 长 度 的 字符 ， 再 从 index 值 开 始 将 该 数据 写 入 缓冲 区 
ReadLine0 ”| 从 当前 数据 流 中 读 取 一 行 字符 并 将 数据 作为 字符 串 返 回 
ReadToEndO | 读 取 从 当前 位 置 到 结尾 的 所 有 字符 并 将 它们 作为 一 个 字符 串 返回 
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表 14-12 TextWriter 类 的 常用 方法 表 


方 ” 法 说 明 

Close0 关闭 当前 编写 器 并 释放 任何 与 该 编写 器 关联 的 系统 资源 

FlushO 将 缓冲 区 数据 写 入 文件 ， 然 后 再 清除 缓冲 区 中 内 容 。 如 不 使 用 该 方法 ， 将 在 关闭 文件 时 把 
缓冲 区 中 数据 写 入 文件 

WriteO 将 给 定数 据 写 入 文本 数据 流 ， 不 加 换行 符 


WriteLine0 | 写 入 一 行 ， 并 加 一 个 换行 符 


实例 14-5 利用 StreamReader 和 StreamWriter 读 写 文本 文件 
在 图 14-9 中 ， 若 单 击 “ 写 文本 文件 ”按钮 ， 则 在 当前 文件 夹 的 Temp 文件 夹 下 建立 一 
文本 文件 Txttxt， 并 写 入 一 行文 本 “ 李 明 23”; 若 单 击 “ 读 文本 文件 ”按钮 ， 则 读 取 Txt.txt 
文件 内 容 并 显示 在 Label 控件 中 ， 如 图 14-10 所 示 。 


|€ ts tr entenaer se El 


图 14-9 ”StreamRW.aspx 浏览 效果 (1) 图 14-10 ”StreamRW.aspx 浏览 效果 (2) 


源 程序 ，StreamRW aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="StreamRW.aspx.cs" 
Inherits="Chapl4 StreamRW" $> 
es ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="btnWrite" runat="server" OnClick="btnWrite Click" 
Text=" 写 文本 文件 " /> 
<asp:Button ID="btnRead" runat="server" OnClick="btnRead Click" 
Text=" 读 文本 文件 " /><br /> 
<asp:Label ID="lblShow" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 


源 程序 : StreamRWaspx.cs 


using System7 
using System.IO7 
public partial class Chap14_StreamRW : System.Web.UI.Page 
{ 
protected void btnWrite Click(object sender, EventArgs e) 
{ 
string bootDir = Server-MapPath ("") ;// 获 取 当 前 页 面 的 物理 路 径 
string fileName = Path.Combine (bootDir, @"Temp\Txt.txt");// 指 定 写 入 的 文件 
// 建 立 使 用 覆盖 模式 的 StreamWriter 对 象 
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TextWriter sw = new StreamWriter (fileName); 


sw-Write(" 李 明 ") 7 // 写 字符 串 到 缓冲 区 

sw.WriteLine (23); // 写 整数 到 缓冲 区 

sw.Flush(); // 将 缓冲 区 中 数据 写 入 指定 的 文件 ， 再 清除 缓冲 区 内 容 
sw.Close(); // 关 闭 StreamWriter 对 象 并 释放 系统 资源 


} 

protected void btnRead Click(object sender, EventArgs e) 

{ 
string bootDir = Server.MapPath(""); 
string fileName = Path.Combine (bootDir, @"Temp\Txt.txt"); 
TextReader sr = new StreamReader (fileName); // 建 立 StreamReader 对 象 
string tmpStr = sr.ReadToEnd(); // 读 取 所 有 数据 到 tmpstr 中 
sr.Close(); // 关 闭 StreamReader 对 象 并 释放 系统 资源 
lblShow.Text = tmpStr; // 在 lblShow 中 显示 文本 内 容 


} 


操作 步骤 : 

(1) 在 Chap14 文件 夹 中 添加 StreamRW.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 StreamRW.aspx.cs 文件 。 最 后 ， 浏 览 StreamRW.aspx 进行 测试 。 

程序 说 明 : 

当 单 击 “ 写 文本 文件 ”按钮 时 ， 若 当前 文件 夹 下 的 Temp\Txt.txt 不 存在 ， 则 新 建文 件 ， 
否则 打开 该 文件 ， 并 以 覆盖 方式 写 入 文件 内 容 。 如 果 要 求 添加 内 容 到 文件 中 则 需要 将 语句 
“TextWriter sw = new StreamWriter(fileName): ”修改 为 : 


TextWriter sw = new StreamWriter (fileName, true); 


其 中 参数 true 表示 添加 模式 ， 随 后 再 调用 Write0 方 法 会 将 数据 添加 到 文本 数据 流 中 。 

2. BinaryReader 和 BinaryWriter 类 

BinaryReader 和 BinaryWriter 类 用 来 读 写 二 进 制 数据 文件 。 BinaryWriter 类 将 数据 以 其 内 
部 格式 写 入 文件 ， 所 以 在 读 取 数 据 时 需要 使 用 不 同 的 Read 方法 。 例 如 ， 可 利用 ReadString() 
方法 读 取 字 符 ， 而 整数 的 读 取 需 要 使 用 ReadInt320 方 法 。 


实例 14-6 ”利用 BinaryReader 和 BinaryWriter 读 写 二 进 制 数据 文件 
在 图 14-11 中 ， 若 单 击 “ 写 二 进 制 文件 ”按钮 ， 则 在 当前 文件 夹 的 Temp 文件 夹 下 建立 
一 个 二 进 制 文件 Bin.bin， 并 写 入 字符 串 “ 李 明 ” 和 整数 23; 若 单 击 “ 读 二 进 制 文件 ”按钮 ， 
则 读 取 Bin.bin 文件 内 容 并 显示 在 Label 控件 中 ， 如 图 14-12 所 示 。 


BEBIITTTT29 olx EESITTTTY9 olx 


GO BY /abst D9 


me] 
Name: 季 明 Age: 73 v 


图 14-11 BinaryRW.aspx 浏览 效果 (1) 图 14-12 ”BinaryRW.aspx 浏览 效果 (2) 
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源 程序 ，BinaryRW.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BinaryRW.aspx.cs" 
Inherits="Chapl4 BinaryRW" $> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="btnWrite" runat="server" OnClick="btnWrite Click" 
Text=" 写 二 进 制 文 件 ” /> 
<asp:Button ID="btnRead" runat="server" OnClick="btnRead Click" 
Text=" 读 二 进 制 文件 "”/> 
br /Ss 
<asp:Label ID="lblShow" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 》 


源 程序 .BinaryRW.aspx.cs 
using System; 
using System.IO7 
public partial class Chapl4 BinaryRW : System.Web.UI.Page 
{ 
protected void btnWrite Click(object sender, EventArgs e) 
{ 
string bootDir = Server.MapPath(""); // 获 取 当 前 页 面 的 物理 路 径 
string fileName = Path.Combine (bootDir，@"Temp\Bin.bin");// 指 定 写 入 的 文件 
// 建 立 BinaryWriter 对 象 
BinaryWriter bw = new BinaryWriter (File.OpenWrite (fileName)); 


string name =" 李 明 "; 

int age = 23; 

bw.Write (name); // 写 字符 串 到 缓冲 区 

bw.Write (age) 7 // 写 整数 到 缓冲 区 

bw.Flush(); // 将 缓冲 区 中 数据 写 入 指定 的 文件 ， 再 清除 缓冲 区 内 容 
bw.Close(); // 关 闭 BinaryWriter 对 象 并 释放 系统 资源 


} 
protected void btnRead Click(object sender, EventArgs e) 
{ 
string bootDir = Server.MapPath(""); 
string fileName = Path.Combine (bootDir, @"Temp\Bin.bin"); 
// 建 立 BinaryReader 对 象 
BinaryReader br = new BinaryReader (File.OpenRead (fileName)); 


string name; 


int age; 

name = br.Readstring(); // 读 字符 串 数据 

age = br.ReadInt32(); // 读 整 型 数据 

br.Close(); // 关 闭 BinaryReader 对 象 并 释放 系统 资源 


lblShow.Text = "Name: " + name + " Age: " + age.ToString(); 
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} 

} 

操作 步骤 : 

(1) 在 Chap14 文件 夹 中 建立 BinaryRW.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 BinaryRW.aspx.cs 文件 。 最 后 ， 浏 览 BinaryRW.aspx 进行 测试 。 

程序 说 明 : 

写 入 的 name 值 是 字符 串 类 型 ,age 值 是 整 型 ,所 以 在 读 取 数 据 时 对 应 地 使 用 了 ReadString() 
和 ReadInt32() 方 法 。 


14.3 文件 上 传 


在 Web 应 用 程序 中 经 常 需 要 上 传 文件 。FileUpload 控件 为 用 户 提供 了 一 种 将 文件 上 传 到 
Web 服务 器 的 简便 方法 。 在 上 传 文件 时 可 以 限制 文件 的 大 小 ， 也 可 以 在 保存 上 传 的 文件 之 前 
检查 其 属性 。FileUpload 控件 在 页 面 上 显示 为 一 个 文本 框 和 一 个 “浏览 ”按钮 。 用 户 可 以 在 
文本 框 中 输入 将 上 传 到 Web 服务 器 文件 的 名 称 ; 单 击 “浏览 ”按钮 将 显示 一 个 文件 导航 对 话 
框 ， 可 以 选择 需要 上 传 的 文件 。 当 用 户 已 选 定 要 上 传 的 文件 并 提交 页 面 时 ， 该 文件 将 作为 
HTTP 请 求 的 一 部 分 上 传 。 定 义 的 语法 格式 如 下 : 


<asp:FileUpload ID="FileUploadl" runat="server" /> 


FileUpload 控 件 的 PostedFile 属 性 可 以 获取 使 用 FileUpload 控 件 上 传 的 文件 HttpPostedFile 
对 象 。 使 用 该 对 象 可 访问 上 传 文件 的 其 他 属性 。 例 如 ，ContentLength 属性 能 获取 上 传 文件 的 
长 度 ，ContentType 属性 能 获取 上 传 文件 的 MIME 内 容 类 型 ，FileName 属性 能 获取 上 传 文件 
的 文件 名 称 。 另 外 ， 还 可 以 使 用 SaveAs0 方 法 将 上 传 的 文件 保存 到 Web 服务 器 上 。 

如 果 要 将 文件 保存 到 当前 Web 应 用 程序 的 指定 文件 夹 中 。 可 首先 使 用 erie 
PhysicalApplicationPath 属性 来 获取 当前 Web 应 用 程序 的 根 文件 夹 物 理 路 径 , 再 组 合 要 存放 文 
件 的 文件 夹 名 。 

调用 HttpPostedFile 对 象 的 ContentLength 属性 可 获取 上 传 文件 的 大 小 ， 因 此 ， 可 通过 判 
断 该 值 大 小 来 限制 上 传 文件 的 大 小 。 还 可 以 调用 Path.GetExtension() 方 法 来 获取 要 上 传 文件 的 
扩展 名 ， 这 样 就 能 限制 上 传 文件 的 类 型 。 


实例 14-7 利用 FileUpload 实现 文件 上 传 
在 图 14-13 中 ， 单 击 “ 浏 览 ” 按 钮 ， 呈 现 “ 选 择 要 加 载 的 文件 ”对 话 框 ， 选 择 文件 后 再 
单 击 “ 上 传 文件 ”按钮 将 文件 上 传 到 网 站 根 文件 夹 下 的 Uploads 文件 夹 中 ， 并 显示 提示 信息 ， 
如 图 14-14 所 示 。 同 时 ， 限 制 上 传 文件 的 大 小 不 能 超过 200KB， 文 件 的 扩展 名 必须 为 bmp、 
jpg 或 sf 等 图 片 文件 。 


利用 7ileUplesad 实 现 文 作 上 传 、 


利用 Fi1 eVplo wad 实现 文件 上 传 一 4 


OQ [一 
文件 Testbmp 成 功 上 传 到 
F:\Book\ChapSite\Uploads\Test bmp | 


i 


图 14-13” ”FileUpload.aspx 浏览 效果 (1) 图 14-14 ”FileUpload.aspx 浏览 效果 (2) 
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源 程序 ，FileUpload.aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true" CodeFile="FileUpload.aspx.cs 
Inherits="Chapl4 FileUpload" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:FileUpload ID="fupImg" runat="server" /> 
<asp:Button ID="btnUpload" runat="server" OnClick="btnUpload Click" 
Text=" 上 传 文件 " /><br /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 》 


源 程序 ，FileUpload.aspx.cs 
using System; 
using System.IO7 
public partial class Chapl4 FileUpload : System.Web.UI.Page 
{ 
private string uploadDir; //uploadDir 变量 存放 文件 保存 路 径 
protected void Page Load(object sender, EventArgs e) 
// 默 认 将 文件 保存 到 网 站 根 文件 夹 下 的 Uploads 子 文件 夹 中 
uploadDir = Path.Combine (Request.PhysicalApplicationPath, "Uploads"); 
} 
protected void btnUpload Click(object sender, EventArgs e) 
{ 
if (fupImg.PostedFile.FileName == "") // 无 文件 上 传 
lb1Msg.Text = "无 文件 上 传 ! "; 
} 
else // 有 文件 上 传 
if (fupImg.PostedFile.ContentLength > 204800) // 文 件 大 小 超过 200KB 
' 
lblMsg .Text = "文件 大 小 不 能 超过 200KB! "; 
} 
else // 文 件 大 小 未 超过 200KB 
{ 
string extension = Path.GetExtension (fupImg.PostedFile.FileName); 
switch (extension.ToLower ()) // 判 断 文件 类 型 
{ 
case ".bmp": 


case " 


“3 
-jpg": 


break; 


CaSB ™ 
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default: // 文 件 扩 展 名 不 是 bmp、gif 或 jpg 
lblMsg .Text = "文件 扩展 名 必须 是 bmp、gif 或 jpg! " 
return; 
} 
// 获 取 上 传 文件 的 文件 名 


string fileName = Path.GetFileName (fupImg.PostedFile.FileName); 
// 上 传 的 文件 将 以 原文 件 名 保存 到 网 站 根 文件 夹 下 的 Uploads 子 文件 夹 中 


string fullPath = Path.Combine (uploadDir, fileName); 
try 
{ 

fupImg.PostedFile.SaveAs (fullPath); // 上 传 文件 


lblMsg.Text = "文件 " + fileName + "成 功 上 传 到 " + fullPath; 


} 
catch (Exception ee) 


{ 


lblMsg.Text = ee.Message; // 上 传 文件 失败 ， 显 示 出 错 信息 


操作 步骤 : 
(1) 在 ChapSite 网 站 的 根 文件 夹 下 建立 Uploads 文件 夹 。 


(2) 在 Chap14 文件 夹 中 建立 FileUpload.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 
(3) 建立 FileUpload.aspx.cs 文件 。 最 后 ， 浏 览 FileUpload.aspx 进行 测试 。 


14.4 小 结 


本 章 针对 Web 服务 器 端的 文件 夹 和 文件 操作 ,介绍 了 System.IO 命名 空间 中 的 DriveInfo、 
Directory、DirectoryInfo、File、FileInfo 和 Path 类 等 。 用 户 可 以 利用 这 些 类 来 管理 Web 服务 
器 上 的 文件 系统 。 本 章 还 介绍 了 读 写 文件 的 方法 ， 说 明了 在 .NET Framework 中 采用 基于 


Stream 类 和 Reader/Writer 类 读 写 IO 数据 的 通用 模型 ， 使 得 文件 读 写 操作 变 得 非常 简单 。 
后 介绍 了 利用 FileUpload 控件 上 传 文件 到 Web 服务 器 的 方法 ， 利 用 控件 的 PostedFile 属性 获 
取 的 HttpPostedFile 对 象 可 以 方便 地 限制 上 传 文件 的 大 小 ， 利 用 Path.GetExtension() 方 法 获 


要 上 传 文件 的 扩展 名 可 以 方便 地 限制 上 传 文件 的 类 型 。 


14.5 “ 习 题 


1. 填空 题 
(1) 要 管理 Web 服务 器 上 的 文件 系统 ， 需 要 导入 的 命名 空间 是 


(2) 通过 DriveInfo 类 的 
(3) HttpPostedFile 对 象 的 


属性 可 以 获取 驱动 器 的 名 称 。 
方法 可 以 将 文件 上 传 到 Web 服务 器 。 


人 


地 


区 
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位 置 。 


如 下 : 


(4) 可 以 调用 
(5) 利用 File 类 的 


方法 返回 上 传 文件 的 扩展 名 。 
方法 可 以 确定 指定 的 文件 是 否 存在 。 


(6) Directory 类 的 SetCurrentDirectory(0 方 法 的 功能 是 _ 
2. 是 非 题 


(1) Web 应 用 程序 中 可 以 使 用 DirectoryInfo 类 管理 客户 端 文件 系统 。 

(2) TextReader 类 派生 于 StreamReader 类 。 

(3) 包含 在 using 语句 内 的 代码 段 在 执行 完毕 后 会 自动 关闭 打开 的 数据 流 。 
(4) 采用 UTF-8 编码 方式 可 以 将 中 文 写 入 文本 文件 。 


一 一 一 一 
Wt We Nt 


3. 选择 题 
(1) DriveInfo 类 的 ( ) 属性 可 以 获取 驱动 器 上 存储 空间 的 总 容量 。 


A. AvailableFreeSpace 


B. TotalFreeSpace 


C. TotalSize D. Size 
(2) Directory 类 的 ( ) 方法 可 以 获取 Web 应 用 程序 的 当前 工作 文件 夹 。 


A. GetCurrentDirectory() 
C. GetDirectoryRoot() 


B. GetDirectories() 
D. GetLogicalDrives() 


(3) FileStream 类 提供 的 一 组 操作 数据 流 的 方法 中 ， ) 可 以 同步 操作 文件 。 


A. BeginWrite() B. Wnte(O) 
C. EndRead() D. BeginRead() 
(4) 利用 FileUpload 控件 的 PostedFile 属性 不 可 以 完成 的 操作 是 Ys 
A. 上 传 文件 B. 获取 上 传 文件 的 类 型 
C. 获取 上 传 文件 的 大 小 D. 下 载 文件 
4， 简 答题 


(1) 文件 和 数据 流 有 何 区 别 和 联系 ? 

(2) Directory 类 具有 哪些 文件 夹 管 理 的 功能 ?它们 是 通过 哪些 方法 来 实现 的 ? 

(3) 比 较 FileStream、StreamReader 和 StreamWriter 类 各 有 什么 功能 , 它们 之 间 有 何 联系 ? 
5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 设计 一 个 简单 的 留言 短 。 要 求 留言 包含 标题 、 内 容 、 留 言 人 和 留言 时 间 。 每 条 留言 
单独 保存 为 一 个 文本 文件 ， 并 选择 合适 的 文件 名 进行 保存 〈 要 解决 文件 重 名 问题 )。 

(3) 编写 一 个 综合 应 用 Directory 类 的 Web 应 用 程序 。 要 求 首先 确定 指定 的 文件 夹 是 否 
存在 ， 若 存在 ， 则 删除 该 文件 夹 ， 若 不 存在 ， 则 创建 该 文件 夹 。 然 后 ， 移 动 此 文件 夹 到 新 的 


(4) 如 图 14-15 所 示 ， 编 写 一 个 Web 应 用 程序 ， 实 现 后 台 文 件 夹 和 文件 管理 功能 ， 要 求 


Q@ 以 网 站 根 文件 夹 为 当前 文件 来， 在 左边 的 列表 框 中 显示 所 有 的 子 文件 夹 名 ， 右 边 的 
列表 框 中 显示 所 有 的 文件 名 。 


四 日 的 昌 


击 左边 列表 框 中 的 子 文件 夹 名 时 ， 改 变 当前 文件 夹 并 刷新 页 面 。 
击 “ 返 回 上 一 级 文件 夹 ”按钮 时 ， 改 变 当前 文件 夹 并 刷新 页 面 。 
Ef 击 “创建 新 文件 来” 按钮 时 ， 在 当前 文件 夹 中 创建 新 文件 夹 。 
Ef 击 “删除 当前 文件 夹 ” 按 钮 时 ， 删 除 当前 文件 夹 。 
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@ 当 单 击 “ 上 传 文件 到 当前 文件 夹 ”按钮 时 ， 将 选择 的 文件 上 传 到 当前 文件 夹 下 。 


es ee pee 
浏览 .| 上传 文件 到 当前 文件 来 


图 14-15 第 14 章 习题 5 (4) 浏览 效果 


MyPetShop 综合 实例 


本 章 要 点 : 

。 了 解 MyPetShop 系统 的 总 体 设 计 。 
* 熟悉 系统 数据 库 设 计 。 

* 掌握 用 户 控件 设计 。 

* 掌握 前 台 功 能 模块 设计 。 

* 掌握 购物 车 模块 。 

掌握 订单 处 理 模块 。 

* 掌握 后 台 功 能 管理 模块 。 


15.1 系统 总 体 设计 


本 节 将 介绍 MyPetShop 应 用 程序 的 总 体 设计 ， 包 括 系 统 功能 模块 设计 、 用 户 控件 设计 、 
系统 数据 库 总 体 设计 和 Web.config 配置 文件 的 设计 。 


1S.1.1 系统 功能 模块 设计 


MyPetShop 系统 是 一 个 具备 基本 功能 的 电子 商务 网 站 。 如 图 15-1 所 示 ， 系 统 主要 包括 五 
个 功能 模块 : 前 台 商 品 浏览 模块 、 用 户 注册 和 登录 模块 、 购 物 车 模 
块 、 订 单 结算 模块 和 后 台 管 理 模块 。 

1， 前 台 商品 浏览 模块 

按照 电子 商务 网 站 的 一 般 规 划 和 人 们 使 用 电子 商务 网 站 的 习 
惯 , 前台 商品 浏览 模块 主要 实现 按照 各 种 条 件 显示 和 查看 商品 的 前 
台 显 示 功 能 。 用 户 使 用 前 台 商 品 浏 览 模块 的 流程 如 图 15-2 所 示 。 

2 用 户 注册 和 登录 模块 

用 户 注册 和 登录 模块 与 通常 的 会 员 系 统 类 似 , 用 户 注册 以 后 就 
可 以 成 为 系统 的 会 员 。 用户 只 有 在 成 功 登 录 系统 后 , 才 可 以 实现 商 
品 的 结算 。 注 册 用 户 还 具有 修改 密码 和 找 回 密码 的 功能 。 用 户 使 用 
本 模块 的 主要 流程 如 图 15-3 所 示 。 

3. 购物 车 模块 

购物 车 是 每 个 电子 商务 网 站 的 基本 元 素 。 本 系统 应 用 Profile 用 户 个 性 化 配置 技术 实现 购 
物 车 模块 ， 允 许 匿名 用 户 访 问 购物 车 。 购 物 车 中 包含 了 用 户 准 备 购买 的 所 有 商品 信息 ， 包 括 
商品 编号 、 商 品名 称 、 商 品 价格 、 购 买 数 量 以 及 用 户 应 付 总 价 等 。 用 户 在 查看 商品 详细 信息 
时 ， 如 果 决 定购 买 即 可 将 商品 加 入 购物 车 ， 然 后 可 以 继续 浏览 其 他 商品 。 


* 


MyPetShop 应 用 程序 


图 15-1 系统 功能 模块 设计 
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一 | 用户 注册 


按 查 查 

a 四 el 

品 4 注册 成 功 
分 新 地 

公 区 登录 系统 

浏 品 3 

只 全 驾 1 1 | 

品 区 修改 密码 找 回 密 码 退出 系统 


图 15-2 前台 商品 浏览 模块 使 用 流程 图 15-3 用 户 登 录 注册 模块 使 用 流程 


购物 车 模块 的 使 用 流程 如 图 15-4 所 示 。 

4. 订单 结算 模块 

用 户 完成 购物 后 即 可 进入 结算 中 心 ， 系 统 一 
对 用 户 购买 的 商品 及 数量 进行 价格 计算 ， 最 后 
生成 用 户 应 付款 金额 。 然 后 用 户 向 系统 下 达 订 1 1 1 1 
单 并 提供 送 货 地 址 和 付款 方式 等 信息 。 该 模块 添加 商品 | | 修改 商品 数量 | | 删除 商品 查看 购物 车 | 
的 使 用 流程 如 图 15-5 所 示 。 

s， 后 台 管 理 模块 

后 台 管 理 模块 是 根据 系统 数据 维护 要 求 而 设计 的 后 台 管 理 平台 ， 只 有 拥有 管理 员 角 色 的 
用 户 才 可 进入 后 台 功 能 模块 实现 系统 的 维护 与 管理 。 

该 模块 的 使 用 流程 如 图 15-6 所 示 。 


用 户 ) 


图 15-4 ”购物 车 模块 使 用 流程 


是 否 登 录 ? 用 户 登 录 
ee 
是 | 登录 后 台 管 理 页 面 
订单 结算 了 
| 部 | [次 | [ 售 ] 位 
填写 相关 信息 分 | | 信 | | 凋 | | 从 
类 | | 息 | | 信 | | 理 
E23 Ee 
1 时 | | 县 
订单 结算 成 功 理 
图 15-5 订单 结算 模块 使 用 流程 图 15-6 后 台 管理 功能 模块 使 用 流程 


15.1.2” ”用户 控件 


MyPetShop 应 用 程序 中 的 用 户 控件 主要 是 为 了 统一 页 面 风格 ， 根 据 具体 功能 的 需要 共 设 
计 了 七 个 用 户 控件 。 
。 AutoShow 用 户 控件 一 一 实现 热 销 商品 自动 定时 刷新 功能 。 
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。 Category 用 户 控 件 一 一 实现 商品 分 类 显示 功能 。 

。 NewProduct 用 户 控 件 一 一 实现 最 新 商品 显示 功能 。 

。 PetTree 用 户 控 件 一 一 实现 商品 分 类 及 包含 商品 的 导航 功能 。 

。 SiteMap 用 户 控件 一 一 根据 网 站 地 图 实现 网 站 导航 功能 。 

。 UserStatus 用 户 控件 一 一 根据 用 户 的 不 同 角色 ， 显 示 不 同 的 登录 状态 信息 。 
。 Weather 用 户 控 件 一 一 实现 全 国 所 有 省 、 直 辖 市 的 主要 城市 天 气 预 报 功 能 。 


15.1.3 ”系统 数据 库 总 体 设计 


MyPetShop 应 用 程序 使 用 SQL Server 2012 Express 进行 开发 ， 所 使 用 的 数据 库 包 括 


MyPetShop.mdf 和 系统 数据 库 ASPNETDB.mdf。 


MyPetShop.mdf 数据 库 由 开发 人 员 建 立 ， 共 包含 五 个 表 : Category、Product、Supplier、 
Order 和 OrderItem。 其 中 Category 表 存储 商品 分 类 信息 , Product 表 存储 商品 详细 信息 ,Supplier 


表 存 储 供应 商 详细 信息 ，OrderItem 表 存 储 订 单 的 详细 信息 ，Order 表 存 储 订单 信息 。 


ASPNETDB.mdf 数据 库 由 系统 自动 生成 ， 主 要 为 了 存储 实现 Profile 用 户 个 性 化 配置 功 


能 、Web 部 件 功能 、 成 员 资格 管理 和 角色 管理 等 功能 相关 的 数据 。 
15.1.4 ”Web.config 配置 文件 


MyPetShop 应 用 程序 启用 了 Web 部 件 功能 、Profile 个 性 化 用 户 配置 、Forms 身份 验证 


成 员 资格 和 角色 管理 等 功能 ， 因 此 必须 对 Web.config 配置 文件 进行 相应 的 配置 。 
源 程序 ，Web.config 部 分 代码 


<configuration> 
<ConnectionStrings> 
<!-- 数 据 库 连 接 字 符 串 设置 --> 


<add name="ASPNETDBConnectionSstring" 


2 


connectionString="Data Source=.\SQLEXPRESS; Integrated Security=SSPI; 


AttachDBFilename=|DataDirectory|ASPNETDB .mdf; 
User Instance=true" providerName="System.Data.SqlClient" /> 
<add name="MyPetShopConnectionString" 
connectionString="Data Source=(LocalDB)\v11.0; 
AttachDbFilename=|DataDirectory|\MyPetShop.mdf; 
Integrated Security=True" providerName="System.Data.SqlClient" /> 
</connectionStrings> 
<system.web> 
<!-- 设 置 Forms 身份 验证 --> 
<authentication mode="Forms"> 
<forms defaultUrl="~/Default.aspx" loginUrl="~/Login.aspx" /> 
</authentication> 
<!-- 匿 名 用 户 使 用 Profile 设置 --> 
<anonymousIdentification enabled="true" /> 
<! 一 -用 于 存储 购物 车 信息 的 Profile 设置 --> 


<profile enabled="true" defaultProvider="ProfileProvider" 


automaticSaveEnabled="true"> 
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<providers> 
<clear /> 
<add name="ProfileProvider" type="System.Web.Profile.SqlProfileProvider™" 
connectionstringName="ASPNETDBConnectionstring" /> 
</providers> 
<properties> 
<group name="Cart"> 
<add name="ProId" type="System.Collections.ArrayList" 
allowAnonymous="true" /> 
<add name="ProName" type="System.Collections.ArrayList" 
allowAnonymous="true" /> 
<add name="Qty" type="System.Collections.ArrayList" 
allowAnonymous="true" /> 
<add name="ListPrice" type="System.Collections.ArrayList" 
allowAnonymous="true" /> 
<add name="TotalPrice" allowAnonymous="true" /> 
</group> 
</properties> 
</profile> 
<!-- 角 色 设 置 --> 
<roleManager enabled="true" /> 
</system.web> 
<system.net> 
<!-- 请 自行 申请 一 个 支持 SMTP 发 送 邮 件 的 邮箱 并 修改 相应 的 属性 值 --> 
<mailSettings> 
<smtp from="ssgwcyxxd"> 
<network host="smtp.126.com" password="**" port="25" 
userName="ssgwcyxxd" /> 
</smtp> 
</mailSettings> 
</system.net> 
</configuration> 


15.2 MyPetShop.mdf 数据 库 设 计 
MyPetShop mdf 数据 库存 储 了 商品 分 类 、 商 品 、 供 应 商 、 订 单 等 信息 。 本 节 将 介绍 
MyPetShop mdf 数据 库 中 包含 的 表 及 表 与 表 之 间 的 联系 。 
15.2.1 ”数据 表 设计 


1， 商品 分 类 信息 表 
商品 分 类 信息 表 〈Category) 主要 包括 商品 分 类 编号 、 分 类 名 称 和 分 类 描述 等 ， 详 细 信 
息 如 表 15-1 所 示 。 
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表 15-1 商品 分 类 信息 表 
字 上段 说 明 类 型 备注 
CategoryId 商品 分 类 编号 int 主键 ， 自 动 递增 
Name 商品 分 类 名 称 varchar(80) 允许 为 空 
Descn 商品 分 类 描述 varchar(255) 允许 为 空 


2， 商 品 信息 表 


商品 信息 表 (Product) 主要 包括 商品 编号 、 


所 属 商 品 分 类 编号 、 


商品 单价 、 商 品 成 本 、 


供应 商 编号 、 商 品名 称 、 商 品 介绍 、 商 品 图 片 和 商品 库存 量 等 ， 详 细 信息 如 表 15-2 所 示 。 
表 15-2 商品 信息 表 


字 上段 说 明 类 型 备 注 
ProductId 商品 编号 int 主键 ， 自 动 递增 
CategoryId 所 属 商品 分 类 编号 int 外 键 ， 不 允许 为 空 
ListPrice 商品 单价 decimal(10, 2) 人 允许 为 空 
UnitCost 商品 成 本 decimal(10, 2) 允许 为 空 
SuppId 供应 商 编号 int 外 键 
Name 商品 名 称 varchar(80) 允许 为 空 
Descn 商品 介绍 varchar(255) 允许 为 空 
Image 商品 图 片 varchar(80) 存储 图 片 路 径 
Qty 商品 库存 量 int 不 允许 为 空 


3， 供 应 商 信息 表 


供应 商 信息 表 (Supplier) 主要 包括 供应 商 编号 、 供 应 商 名 称 、 供 应 商 地 址 、 供 应 商 所 在 
城市 、 供 应 商 所 在 省 份 、 供 应 商 所 在 城市 邮编 和 供应 商 电 话 等 内 容 , 详细 信息 如 表 15-3 所 示 。 


表 15-3 ”供应 商 信息 表 


字 段 说 明 类 型 备 注 
SuppId 供应 商 编号 int 主键 ， 自 动 递增 
Name 供应 商 名 称 varchar(80) 允许 为 空 
Addrl 供应 商 地 址 1 varchar(80) 允许 为 空 
Addr2 供应 商 地 址 2 varchar(80) 允许 为 空 
City 供应 商 所 在 城市 varchar(80) 允许 为 空 
State 供应 商 所 在 省 份 varchar(80) 允许 为 空 
Zip 供应 商 所 在 城市 邮编 varchar(6) 允许 为 空 
Phone 供应 商 电 话 varchar(40) 允许 为 空 


4. 订单 信息 表 
订单 信息 表 (Order) 主要 包括 订单 编号 、 用 户 名 、 订 单 日 期 、 用 户 地 址 、 用 户 所 在 城市 、 
和 户 所 在 省 份 、 用 户 所 在 城市 邮编 、 用 户 电话 和 订单 状态 等 ， 详 细 信 息 如 表 15-4 所 示 。 


表 15-4 订单 信息 表 


字 段 备注 
OrderId 主键 ， 自 动 递增 
UserName varchar(80) 不 允许 为 空 
OrderDate datetime 不 允许 为 空 
Addrl varchar(80) 允许 为 空 


ED Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


续 表 
字 段 说 明 类 型 注 

Addr2 用 户 地 址 2 varchar(80) 
City 用 户 所 在 城市 varchar(80) 
State 用 户 所 在 省 份 varchar(80) 
Zip 用 户 所 在 城市 邮编 varchar(6) 

Phone 用 户 电 话 varchar(40) 
Status 订单 状态 varchar(10) 


5. 订单 详细 信息 表 
订单 详细 信息 表 (OrderItem) 主要 包括 订单 详细 信息 编号 、 订 单 编号 、 商 品名 称 、 商 品 
单价 、 购 买 数 量 和 总 价 等 ， 详 细 信 息 如 表 15-5 所 示 。 


表 15-5 订单 详细 信息 表 

字 段 备 注 
Itemld 订单 详细 信息 编号 主键 ， 自 动 递增 
OrderId 订单 编号 外 键 ， 不 允许 为 空 
ProName 商品 名 称 varchar(80) 允许 为 空 
ListPrice 商品 单价 decimal(10, 2) 人 允许 为 空 
Qty 购买 数量 int 不 允许 为 空 
TotalPrice 总 价 decimal(10, 2) 允许 为 空 


15.2.2 ”数据 表 联 系 设计 


为 实现 系统 所 需 的 功能 提供 数据 支持 ， 考 虑 数据 间 的 参照 完整 性 要 求 ，MyPetShop.mdf 


数据 库 中 各 数据 表 的 联系 如 图 15-7 所 示 。 


其 中 ，Product 表 中 的 CategoryId 和 SuppId 都 是 外 键 ， 分 别 与 Category 表 和 Supplier 表 


Category 从 


日 属性 
EE CategoryId 
E Hane 
Desen 


oo 


Product 从 


日 属性 

EE ProductId 
而 CategoryId 
EListprice 
£ UnitCost 
££ SuppId 
EF Hane 
EF Descn 
Ep Inage 


Eaty 
cd 


m4 £ Phone 


Supplier 从 


日 属性 
££ SuppId 

EF Hane 
EE Addrl 
而 Addr2 
Frity 
Ep State 
plip 


OrderItes 从 


日 属性 
EE ItenId 
£ DrderId 
££ Prollame 
pp ListFrice 
Eaty 
而 TotalFrice 


图 15-7 数据 表 之 间 的 关联 


» 


日 属性 
orderId 

fe UserNane 
££ OrderDate 
££ Addrl 
£ Addr2 
Erity 
State 
Flip 
£ Phone 
于 Status 
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关联 。OrderItem 表 中 的 Orderld 是 外 键 ， 与 Order 表 关 联 。 另 外 ，OrderItem 表 中 的 ProName 
和 ListPrice 虽然 不 是 外 键 ， 但 其 数据 都 来 自 Product 表 。 


15.3 ”用户 控件 设计 


15.3.1 “ 热 销 商品 自动 定时 刷新 ”用 户 控件 


“ 热 销 商 品 自动 定时 刷新 ”用 户 控 件 由 AutoShow.ascx 实现 ， 主 要 包括 一 个 GridView 控 
件 和 多 个 “Ajax 扩展 ”服务 器 控件 (UpdatePanel、UpdateProgress 和 Timer 控件 )， 用 于 自动 
定时 刷新 热 销 商品 信息 。 运 行 效果 如 图 15-8 所 示 。 


3 秒 后 显示 下 一 个 商品 


图 15-8 “ 热 销 商品 自动 定时 刷新 ”用 户 控件 运行 效果 


15.3.2 “商品 分 类 列表 ”用 户 控件 

“商品 分 类 列表 ”用 户 控件 由 Category.ascx 实现 ， 主 要 包括 一 个 GridView 控件 ， 用 于 显 
示 商 品 分 类 及 该 分 类 中 包含 的 商品 数量 ， 其 中 商品 分 类 名 显示 为 超 链 接 ， 通 过 单 击 商品 分 类 
名 可 进入 该 分 类 的 商品 列表 页 面 。 运 行 效果 如 图 15-9 所 示 。 
15.3.3 “最 新 商品 列表 ”用 户 控件 

“最 新 商品 列表 ”用 户 控件 由 NewProduct.ascx 实现 , 主要 包括 一 个 GridView 控件 ， 用 于 
显示 最 新 商品 信息 , 包括 商品 名 称 和 商品 价格 信息 , 单 击 商 品名 称 将 进入 商品 详细 信息 页 面 。 
运行 效果 如 图 15-10 所 示 。 


商品 分 类 

分 类 名 称 商品 堵 旱 
» Fish (2 
» Backyard 2) 
» Birds [£3 
» Bugs (2) 
» Endangered 2 


图 15-9 “商品 分 类 列表 ”用 户 控件 运行 效果 ”图 15-10 “最 新 商品 列表 ”用 户 控件 运行 效果 


15.3.4 “商品 分 类 及 商品 导航 ”用 户 控件 


“商品 分 类 及 商品 导航 ”用 户 控件 由 PetTree.ascx 实现 ， 主 要 包含 一 个 TreeView 控件 ， 
用 于 实现 商品 分 类 及 所 属 分 类 中 所 有 商品 的 导航 功能 。 运 行 效 果 如 图 15-11 所 示 。 
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图 15-11 “商品 分 类 及 商品 导航 ”用 户 控 件 运行 效果 


15.3.5 “网 站 导航 ”用 户 控 件 

“网 站 导航 ”用 户 控件 由 SiteMap.ascx 实现 ， 主 要 包括 一 个 SiteMapPath 控件 ， 实 现 网 站 
导航 功能 。 要 注意 的 是 ， 实 现 网 站 导航 功能 必须 首先 创建 网 站 地 图 文件 Web.sitemap。 

当 用 户 访 问 商品 详细 信息 页 面 时 ,“ 网 站 导航 ”用 户 控 件 的 运行 效果 如 图 15-12 所 示 。 


图 15-12 访问 商品 详细 信息 页 面 时 的 “网 站 导航 ”用 户 控件 运行 效果 


15.3.6 “用 户 状态 ”用 户 控 件 


“用 户 状 态 ” 用 户 控 件 由 UserStatus.ascx 实现 ， 主 要 包括 LoginView、LoginName 和 
LoginStatus 控件 ， 实 现 根 据 不 同 角色 用 户 的 不 同 状态 显示 不 同 的 用 户 状 态 信 息 和 可 操作 的 功 
能 。 例如， 用 户 未 登录 时 显示 “您 还 未 登录 !” 状 态 信息 ， 当 Member 角色 的 用 户 登 录 时 显示 
“您 好 , 用 户 名 ”状态 信息 , 同时 显示 密码 修改 、 购物 记录 和 退出 登录 三 个 可 操作 的 功能 链接 。 
当 Admin 角色 的 用 户 登录 时 显示 “您 好 , 用 户 名 ”状态 信息 ， 同 时 显示 密码 修改 、 系 统管 理 
和 退出 登录 三 个 可 操作 的 功能 链接 。 

“用 户 状态 ”用 户 控件 执行 效果 如 图 15-13 一 图 15-15 所 示 。 


您 还 未 登录 ! 


图 15-13 用 户 未 登录 时 的 “用 户 状态 ”用 户 控 件 执行 效果 


您 好 , memberl 密码 修改 购物 记录 退出 登录 


图 15-14 ”Member 角色 用 户 登 录 时 的 “用 户 状态 ”用 户 控件 执行 效果 


您 好 , admin 密码 修 疏 系统 管理 退出 登录 


图 15-15 Admin 角色 用 户 登 录 时 的 “用 户 状态 ”用 户 控件 执行 效果 


15.3.7 “天 气 预报 ”用 户 控件 


“天 气 预报 ”用 户 控件 由 Weatherascx 实现 ， 主 要 通过 调用 Web 服务 ， 显 示 全 国 所 有 省 、 
直辖 市 的 主要 城市 最 近 三 天 的 天 气 情况 。 
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实现 天 气 预报 功能 有 两 个 关键 步骤 : 一 是 通过 “添加 服务 引用 ”命令 添加 天 气 预 报 Web 
服务 , 二 是 调用 天 气 预 报 Web 服务 的 相关 方法 来 显示 天 气 预 报信 息 , 如 GetCityWeather(string 
cityCode) 方 法 用 于 获取 相应 城市 的 天 气 预报 信息 。 

“天 气 预报 ”用 户 控 件 运 行 效 果 如 图 15-16 所 示 。 


天 气 预报 (中 国 气象 局 提供 数据 !) 


今日 实 兄 今日 天 气 实况 : 气 昌 : -1C; 风 生 /风力 : 东北 风 2 级 1 湿度 : 6896; 空气 质量 : 
芹 无 ? 紫外 续 强 度 : 最 对 


天 气 预 报 ( 今 天 ) 1 月 19 日 晴 -4C/6C 北 R45 胃 之 半 
天 气 现 展 明天 ) 1 月 20 日 睛 -7C/3C 北 风 4.5 级 转 3- 级 于 净 
天 气 预 报 ( 后 天 ) 1 月 21 日 晴 -7C/4YC 无 持续 风向 微风 ”名 褒 更 乡 信息 


图 15-16 “天 气 预 报 ” 用 户 控 件 运 行 效果 


注意 : 由 于 所 添加 的 天 气 预 报 Web 服务 来 源 于 Internet， 因 此 在 添加 服务 引用 和 进行 效 
果 测 试 时 必须 连通 Intermet。 


15.4 前台 显 示 页 面 设计 


1S.4.1 母 版 页 的 设计 


MyPetShop 应 用 程序 通过 使 用 母 版 页 技术 ， 将 网 站 Logo、 导 航 条 、 网 站 导航 、 版 权 声明 
以 及 商品 搜索 功能 等 整合 在 一 起 ， 大 大 提高 了 开发 效率 ， 降 低 了 维护 强度 。 同 时 还 应 用 了 
Microsoft Ajax 技术 和 Web 部 件 功能 。 

在 设计 母 版 页 时 有 三 个 关键 步骤 ; 

(1) 将 用 户 控件 添加 到 母 版 页 中 。 其 中 使 用 了 “用 户 状态 ”用 户 控件 和 “网 站 导航 ”用 
户 控件 。 

(2) 添加 Web 部 件 。 其 中 包含 了 一 个 WebPartManager 控件 以 便 能 使 用 Web 部 件 功能 。 

(3) 实现 商品 搜索 功能 。 本 系统 中 的 商品 搜索 功能 使 用 Microsoft Ajax 技术 ， 运 用 Ajax 
Control Toolkit 中 的 AutoCompleteExtender 控件 实现 典型 的 商品 名 称 模糊 查找 功能 , 并 将 所 有 
与 搜索 关键 字模 糊 匹 配 的 商品 以 列表 的 形式 显示 。 

母 版 页 界面 设计 如 图 15-17 所 示 。 


ScriptManager _ scriptManagert 


MyPetShop 


您 的 位 置 : 根 节点 > 做 节点 > 当前 节点 


ee ee 


图 15-17 母 版 页 界面 设计 
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15.4.2 首页 


MyPetShop 应 用 程序 的 首页 由 Default.aspx 实现 。 在 首页 中 除了 显示 母 版 页 中 的 内 容 外 ， 
还 显示 最 新 商品 信息 、 热 销 商品 信息 、 商 品 分 类 信息 和 天 气 预 报信 息 等 。 

在 首页 前 台 页 面 设 计 中 ， 主 要 涉及 三 部 分 内 容 。 

(1) 使 用 Microsoft Ajax 技术 。 利 用 UpdatePanel 控件 实现 页 面 局 部 刷新 效果 。 

(2) 添加 自 定义 用 户 控 件 。 主 要 使 用 了 四 个 用 户 控件 :“ 热 销 商 品 自动 定时 刷新 ”用 户 
控件 、“ 最 新 商品 列表 ”用 户 控 件 、“ 商 品 分 类 列表 ”用 户 控 件 和 “天 气 预报 ”用 户 控件 。 单 
击 最 新 商品 列表 或 商品 分 类 列表 中 的 链接 , 可 以 将 页 面 重 定向 到 商品 详细 信息 页 面 。 单 击 “ 天 
气 预 报 ” 用 户 控件 中 的 “更 多 信息 ”链接 ， 将 页 面 重 定 向 到 天 气 预报 详细 信息 页 面 。 

(3) 添加 Web 部 件 控件 ， 这 是 首页 前 台 页 面 设 计 中 的 主要 部 分 。 在 应 用 程序 首页 中 共 使 
用 了 4 个 WebPartZone 控件 ， 每 个 WebPartZone 控件 内 的 WebPart 控件 分 别 对 应 “最 新 商品 
列表 ”用 户 控 件 、“ 天 气 预报 ”用 户 控 件 、“ 商 品 分 类 列表 ”用 户 控 件 和 “ 热 销 商 品 自动 定时 
刷新 ”用 户 控 件 。 

浏览 时 ， 因 为 天 气 预报 信息 通过 Web 服务 方式 从 Internet 获取 ， 因 此 要 求 连通 Intemet。 
浏览 效果 如 图 15-18 所 示 。 


Bd 2 | | 
天 气 祯 报 --( 中 国 气象 局 提供 数据 !) 
选择 省 / 洲 直辖 市 。 [=] 选择 城市 “选择 城市 [w=] ”直辖 市 / 北京 


今日 实 兄 今日 天 气 实况 ; 气温 : -TY 网 向 /风力 : 东北 风 2 级 ! 湿度 : 68%3 空气 质量 : 
暂 无 ; 紫外 线 强度 : 最 能 


天 气 预 所 (今天 ) 1 月 19 日 晴 -4C/6C 北 M45 级 导 半 
天 气 预 报 ( 明 天 ) 1 月 20 日 哺 -7C/3C 北 风 4.5 级 千 3- 名 于 剖 
天 气 预报 (后 天 ) 1 月 21 日 哺 -7C/4YC 无 持续 风向 测 风 半音 


Fish 
Backyard 
Birds 


oe 上 -页 下 -页 
a 团 3 秒 所 E 示 下 一 个 商品 


Copyright 2014 MyPetShop 


图 15-18 首页 Default.aspx 浏览 效果 


15.4.3 ”商品 详细 信息 页 面 
商品 详细 信息 页 面 由 ProShow.aspx 实现 , 可 以 按 商 品 分 类 浏览 该 分 类 所 有 商品 的 详细 信 
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息 , 也 可 以 按 商 品名 浏览 特定 商品 的 详细 信息 。 ProShow.aspx 界面 设计 主要 包括 两 部 分 内 容 。 

(1) 添加 “商品 分 类 及 商品 导航 ”用 户 控件 。 

(2) 创建 一 个 GridView 控件 。GridView 控件 以 列表 形式 显示 商品 详细 信息 ， 并 提供 分 
页 显示 功能 和 用 于 购买 商品 的 “购买 ”链接 。GridView 控件 每 页 显示 四 个 商品 的 详细 信息 ， 
用 户 通过 单 击 “ 购 买 ”链接 可 将 商品 编号 作为 参数 传递 到 购物 车 页 面 ， 并 将 该 商品 加 入 到 购 
物 车 中 。 

商品 详细 信息 页 面 效 果 如 图 15-19 所 示 。 


MyPetShop 容 还 未 登录 
您 的 位 置 : 首页 > 产品 详细 
分 类 产品 3 
@ eh Ea 
国 Backyard 承 入 两 和 车 
国 Birds 产品 编号 : 1 
困 Bugs 产品 分 类 : 1 
产品 名 称 : Meno 
es 产品 价格 : 12.10 购买 
单位 成 本 : 11.40 
产品 描述 : Meno 
库存 : 100 
产品 编号 : 2 
产品 分 类 : 1 
产品 名 称 : Eucalyptus 
产品 价格 : 28.50 购买 
单位 成 本 : 25.50 
产品 描述 : Eucalyptus 
库存 : 100 
Copyright 2014 MyPetShop 


图 15-19 Fish 类 所 有 商品 详细 信息 页 面 浏览 效果 


1S.4.4 ”商品 搜索 页 面 


商品 搜索 页 面 由 Search.aspx 实现 ， 主 要 实现 模糊 查找 商品 并 显示 商品 详细 信息 的 功能 。 
其 中 ， 模 糊 查 找 商 品 功 能 能 根据 用 户 指 定 的 查询 关键 字 (由 MasterPage.master 传 入 的 参数 ) 
在 Product 表 中 实现 商品 名 的 模糊 查找 ， 所 有 匹配 的 商品 名 都 将 以 列表 的 形式 显示 。 

Search.aspx 界面 设计 与 ProShow.aspx 非常 相似 ， 除 了 引用 母 版 页 外 只 需 添 加 一 个 “商品 
分 类 及 商品 导航 ”用 户 控件 和 一 个 GridView 控件 。GridView 控件 以 列表 形式 显示 商品 详细 
信息 , 并 提供 分 页 显示 功能 和 购买 商品 的 链接 .GridView 控件 每 页 显示 4 个 商品 的 详细 信息 ， 
用 户 通过 单 击 “购买 ”链接 可 将 商品 编号 作为 参数 传递 到 购物 车 页 面 ， 并 将 该 商品 加 入 到 购 
物 车 中 。 

商品 搜索 页 面 浏 览 效果 如 图 15-20 和 图 15-21 所 示 。 
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ES ES EE 
MyPetShop 
您 的 位 置 : 首页 
最 新 商品 
Name Price 
EY es 国语 公所 
» Panda ¥47.70 选择 省 / 洲 | 于 |] 选择 城 市 这 近 大 市 [=] 。 肖 轩 市 /北京 
SOW ¥22.20 今日 实 见 今日 天 气 详 岗 : 气温 : -1C; 风向/ 风力: 东北 风 2 级 ; 湿度 : 6896; 空气 质量 : 
» Domestic ¥45.50 暂 无 ; 紫外 线 强 度 : 最 弱 
» Zebra ¥40.40 天 气 现 民 (今天 1 月 19 日 晴 -4C/6C 北 M45 级 章 桨 
» Cat ¥38.50 天 气 巴 报 (明天 ) 1 月 20 日 晴 -7C/3XC 北 风 4-5 织 转 3- 级 如 全 
» Butterfly ¥24.70 天 气 预 报 (后 天 ) 1 月 21 日 晴 -7C/4C 无 持续 风向 微风 ”如 。 章 更 作 信 息 
商品 分 类 热 销 商品 
分 类 名 称 商品 数量 放 入 购物 车 
产品 编号 : 7 
二 和 产品 名 称 : Domestic Ww 天 
» Backyard (2) 产品 价格 : 区 硬 买 
， Birds (2) 库存 : 100 
» Bugs (2) 上 一 页 下 一 页 
» Endangered (2) 回 3 种 后 时 示 下 一 个 商品 


图 15-20 ”商品 搜索 页 面 浏 览 效果 输入 商品 名 称 为 Flower) 


Q El EN ES ES EZ 


| 
MyPetShop 


您 的 位 置 : 首页 > 搜索 页 面 


分 类 产品 
国 Fish 
图 Backyard 
Birds 


国 Bugs 
困 Endangered 


图 15-21 模糊 搜索 商品 结果 
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1S.S 用 户 注 册 和 登录 模块 


用 户 注册 和 登录 模块 是 所 有 电子 商务 系统 中 必 备 的 功能 模块 ， 主 要 为 用 户 提供 如 下 功 
能 : 注册 新 用 户 、 登 录 系 统 、 修 改 用 户 密码 、 找 回 用 户 密码 和 退出 系统 等 。 

MyPetShop 应 用 程序 中 的 用 户 注 册 和 登录 模块 启用 了 Forms 身份 验证 机 制 ， 并 充分 运用 
了 登录 系列 控件 及 成 员 资格 和 角色 管理 功能 。 


1S.S.1 ”注册 新 用 户 


注册 新 用 户 功 能 由 NewUseraspx 页 面 实 现 ， 主 要 涉及 登录 系列 控件 中 的 CreateUser- 
Wizard 控件 ， 为 系统 提供 注册 新 用 户 功 能 。 在 注册 过 程 中 需要 提供 的 信息 包括 用 户 名 、 电 子 
邮件 、 安 全 提示 问题 和 安全 答案 等 。 其 中 ， 注 册 用 户 的 密码 由 系统 随机 生成 ， 并 以 邮件 的 形 
式 把 密码 发 送 到 用 户 注册 时 填写 的 邮箱 中 。 

要 实现 邮件 发 送 功能 ， 必 须 启 用 邮件 服务 功能 。 首 先 需 在 Web.config 文件 中 进行 启用 邮 
件 服务 功能 的 相关 设置 ,有 关 设 置 代码 可 查看 15.1.4 节 Web.config 中 <system.net> 元 素 的 内 容 。 

其 次 , 需要 编写 邮件 内 容 ， 并 以 ThankEmail.txt 文件 存放 于 网 站 根 文件 夹 下 ， 内 容 如 下 : 


您 好 ! 非常 感谢 您 在 本 网 站 注册 ! 下 面 是 您 在 本 网 站 的 注册 信息 。<br /> 
请 注意 保管 好 自己 的 密码 并 删除 本 邮件 ! <br /> 

用 户 名 : <% userName $> <br /> 

密码 : <%$ password %> <br /> 


NewUseraspx 浏览 效果 如 图 15-22 所 示 。 


EY ET ED IE EN EN 


MyPetShop 
您 的 位 置 : 首页 > 注册 
注册 新 账户 
用 户 和 coulder Se 中 IE GEUES 


电子 邮件 ; x_od@aliyun.com 
安全 提示 问题: what are you? 
安全 答案 : i am a student 


图 15-22 注册 新 用 户 页 面 浏览 效果 


15.5.2 ”用 户 登 录 


用 户 登 录 由 Login.aspx 页 面 实 现 ， 为 注册 用 户 提供 登录 功能 ， 主 要 涉及 登录 系列 控件 中 
的 Login 控件 。 在 登录 时 用 户 必须 提供 正确 的 用 户 名 和 密码 信息 才能 正常 登录 ， 登 录 页 面 还 


84 。 Web 程序 设计 一 ASP.NET 实用 网 站 开发 (第 2 版 ) 


提供 了 “我 还 没 注 册 !” 和 “忘记 密码 了 ? ”链接 。 单 击 “ 我 还 没 注册 !” 链 接 按钮 将 被 重 定 
向 到 注册 新 用 户 页 面 NewUseraspx， 单 击 “ 忘 记 密码 了 ? ”链接 按钮 将 被 重 定 向 到 找 回 密码 
页 面 GetPwd.aspx。Login.aspx 浏览 效果 如 图 15-23 所 示 。 


您 还 未 登录 ! 


MyPetShop 


您 的 位 置 : 首页 > 登录 
登录 


用 户 各 uar 2 EC 


密码 :seeeeeeeeee 


日 下 次 记 住 我 * 


我 还 没 生 册 1 
忘记 杰克 了 9 


Copyright 2014 MyPetShop 


图 15-23 ”用户 登录 页 面 浏览 效果 


15.5.3 ”修改 用 户 密 码 


修改 用 户 密码 功能 由 ChangePwd.aspx 页 面 实现 ， 主要 涉及 登录 系列 控件 中 的 LoginView 
和 ChangePassword 控件 。 修 改 用 户 密码 页 面 为 用 户 提供 了 修改 用 户 密码 的 功能 , 在 修改 用 户 
密码 时 ， 若 用 户 未 登录 需要 提供 用 户 名 、 原 密码 、 新 密码 和 确认 新 密码 ， 若 用 户 已 登录 ， 需 
ChangePwd.aspx 页 面 浏览 效果 如 图 15-24 所 示 。 


Ey 
让 他, coulder 密码 除 次 购 攀 记 录 退出 登录 


MyPetShop 


您 的 位 旱 : 首页 > 重 改 率 码 


更 改 密码 


ea ES 


Coprright 2014 MyPetShop 


图 15-24 ”修改 用 户 密码 页 面 浏览 效果 


15.5.4” 找 回 用 户 密码 


找 回 用 户 密码 功能 由 GetPwd.aspx 页 面 实现 ， 主 要 涉及 登录 系列 控件 中 的 Password- 
Recovery 控件 。 找 回 用 户 密 码 页 面 为 用 户 提供 了 找 回 自己 密码 的 功能 ， 当 用 户 忘记 密码 时 ， 
通过 输入 自己 的 用 户 名 ， 正 确 回 答 注册 用 户 时 填写 的 密码 安全 问题 的 答案 ， 即 可 找 回 或 重 置 
自己 的 个 人 密码 。 系 统 将 以 邮件 的 形式 把 密码 发 送 到 用 户 注册 时 填写 的 邮箱 中 。 其 中 ， 找 回 
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用 户 密码 相关 的 邮件 内 容 以 GetPwd.txt 文件 存放 于 网 站 根 文 件 夹 下 。 
GetPwd.aspx 页 面 浏览 效果 如 图 15-25 和 图 15-26 所 示 。 


您 还 录 ! 


MypetShop 


您 的 位 置 : 首页 > 取 回 密码 
是 否 忘记 了 您 的 密码 ? 


wei Ns. me 
用 户 名 : coulder 


Copyright 2014 MyPetShop 


图 15-25” 找 回 用户 密 码 页 面 浏览 效果 (1) 


MyPetShop 
您 的 位 置 : 首页 > 取 回 密码 


标识 确认 
要 接收 您 的 密码 ， 请 回答 下 列 问题 * 
用 户 名 :coulder 
问题 :what are you? 
答案 : | am a student. 


图 15-26 ” 找 回 用 户 密码 页 面 浏览 效果 (2) 


15.5.5 ”退出 系统 


退出 系统 功能 由 “用 户 状 态 ” 用 户 控件 内 的 LoginStatus 控件 实现 。 当 用 户 登录 系统 后 ， 
LoginStatus 控件 显示 “退出 登录 ”链接 按钮 。 单 击 “ 退 出 登录 ”链接 按钮 后 将 从 系统 中 注销 
用 户 。 


1S.6 ”购物 车 模块 


购物 车 模块 是 所 有 电子 商务 系统 中 必 备 的 功能 模块 ， 主 要 实现 设计 、 查 看 和 管理 购物 车 
的 功能 ， 包 括 购物 车 的 组 件 设计 、 添 加 商品 到 购物 车 、 查 看 购物 车 中 的 商品 、 修 改 购物 车 中 
的 商品 四 大 部 分 。 购 物 车 功能 模块 由 ShopCartaspx 页 面 实现 。 


15.6.1 ”购物 车 组 件 的 设计 与 实现 
MyPetShop 应 用 程序 采用 Profile 用 户 个 性 化 配置 技术 设计 和 实现 购物 车 组 件 。 这 里 需要 
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解决 两 个 问题 。 

(1) 访问 、 存 储 和 显示 购物 车 数据 的 机 制 。MyPetShop 应 用 程序 通过 操作 用 户 个 性 化 配 
置 属 性 来 实现 访问 、 存 储 和 显示 购物 车 数据 的 功能 ， 同 时 还 实现 了 允许 匿名 用 户 访问 和 使 用 
购物 车 的 功能 。 实 现 上 述 功 能 必须 在 Web.config 文件 中 创建 相应 的 用 户 个 性 化 配置 属性 以 及 
进行 相关 的 配置 ， 有 关 购 物 车 组 件 的 设置 代码 可 查看 15.1.4 节 中 <anonymousIdentification> 和 
<profile> 元 素 的 内 容 。 
由 Web.config 的 <profile> 元 素 内 容 可 知 ，MyPetShop 应 用 程序 定义 了 一 个 用 户 个 性 化 配 
置 属性 组 Cart， 包 括 五 个 属性 ， 分 别 是 商品 编号 (ProId)、 商 品名 称 (ProName)、 购 买 数 量 
(CQty)、 商 品 单价 〈ListPrice) 和 购买 总 价 〈TotalPrice)， 其 中 前 四 个 属性 的 类 型 都 是 System. 
Collections.ArrayList。 这 样 ， 购 物 车 中 的 数据 就 可 以 通过 Profile 属性 进行 访问 和 存储 。 例 如 ， 
调用 Profile.Cart 即 可 访问 购物 车 Cart 属性 数据 。 同 时 <anonymousIdentification> 元 素 的 设置 
和 五 个 属性 中 allowAnonymous="true" 的 设置 实现 了 允许 匿名 用 户 访问 和 使 用 购物 车 的 功能 。 
由 于 使 用 了 Profile 技术 ,访问 和 存储 购物 车 数据 变 得 非常 简单 。 要 显示 购物 车 中 的 数据 时 ， 
只 需 通过 Profile 读 取出 来 并 存储 在 一 个 临时 表 中 ， 然 后 将 这 个 表 绑 定 到 GridView 即 可 。 至 
此 ， 购 物 车 数据 的 访问 、 存 储 和 显示 机 制 全 部 实现 。 

(2) 实现 匿名 用 户 购 物 车 内 容 向 注册 用 户 转 移 的 机 制 。 若 用 户 原 先是 匿名 用 户 ， 那 么 必 
须 注册 登录 后 才 可 进行 商品 结算 。 当 匿名 用 户 成 为 注册 用 户 并 登录 网 站 后 ， 匿 名 用 户 购物 车 
内 的 商品 将 平稳 地 转移 到 注册 用 户 的 购物 车 中 ， 这 就 是 匿名 用 户 向 注册 用 户 转移 的 机 制 。 实 
现 该 机 制 的 关键 是 编写 ProfileModule 类 的 MigrateAnonymous 事件 处 理 代 码 。 该 事件 在 包含 
用 户 个 性 化 配置 属性 数据 的 匿名 用 户 登录 时 被 触发 ， 执 行 Profile_ MigrateAnonymous() 方 法 
代码 。 

注意 : Profile MigrateAnonymous() 方 法 代码 包含 于 Global.asax 文件 中 。 


15.6.2 ”购物 车 页 面 设计 


ShopCart.aspx 页 面 实现 了 购物 车 的 全 部 功能 ， 包 括 购物 车 中 删除 商品 、 修 改 购买 数量 和 
清空 购物 车 等 。 在 购物 车 页 面 的 设计 界面 中 ， 包 含 一 个 用 于 显示 购物 车 内 全 部 商品 的 
GridView 控 件 、. 四 个 实现 购物 车 相关 操作 的 Button 控件 和 四 个 用 于 显示 不 同 提示 信息 的 Label 
控件 。 界 面 设计 效果 如 图 15-27 所 示 。 


MyPetShop 

太 的 科 时 + 恨 入 点 > 从 节点 > 当前 节点 

i rh Ei 

商品 DD 商品 名 称 商品 价格 购买 数量 

[3 堵 据 十 
证 寺 扣 和 让 束 提 所 Ey 
[0 让 8 证 对 8 证 区 了 
三 二 9 定 对 8 证 区 了 
三 十 十 到 所 着 宇 区 了 
[blErod 
[bnt] 


sft: [bmotapreel MR | Re | | | 


[bicart] 


15-27 ”购物 车 页 面 的 设计 界面 
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15.6.3 ”购物 车 功能 的 设计 与 实现 


购物 车 功能 针对 购物 车 的 相关 操作 ， 主 要 包括 添加 购物 车 商品 、 删 除 购物 车 商品 、 修 改 
购物 车 中 商品 的 数量 、 清 空 购物 车 和 重 定向 到 结算 页 等 功能 。 
1 添加 购物 车 商品 
在 浏览 商品 详细 信息 页 面 时 ， 单 击 “ 购 买 ”链接 按钮 后 用 户 将 被 重 定向 到 ShopCart.aspx 
页 面 ， 同 时 该 商品 的 商品 编号 作为 参数 也 以 查询 字符 串 方式 传递 到 了 该 页 面 ， 并 在 


ShopCart.aspx 页 面 的 Page.Load 事件 处 理 代码 中 完成 添加 购物 车 商品 和 显示 购物 车 商品 的 功 
能 。 浏 览 效 果 如 图 15-28 所 示 。 


MyPetShop 


您 好 , coulder 密码 修改 购物 记录 退出 登录 


您 的 位 置 : 首页 > 购物 车 


分 类 产品 
Feh Sat IE 
ee BD 8 两 避 侧 入 EL 
国 Birds 器 ls Roweroving 22.20 2 
困 Bugs 回 3 |Ant 23.40 1 
国 Endangered 


温 区 提示; 更 近 购 买 堵 重 后 ， 请 单 击 重 新 计算 按 要 进行 更 新 
总 价 : 67.80 [ 耳 辽 商品 | |[ 清空 购物 车 | |[ 重新 计算 | [ 结算 | 
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图 15-28 购物 车 中 添加 商品 后 的 浏览 效果 
2 删除 购物 车 商品 


在 图 15-28 中 ， 当 用 户 不 想 购 买 某 个 商品 时 ， 可 以 先 选 中 相应 商品 前 面 的 复 选 枉 ， 然 后 
单 击 “删除 商品 ”按钮 ， 即 可 删除 购物 车 中 不 想 购 买 的 商品 。 

3.。 修改 购物 车 中 商品 的 数量 

当 用 户 将 一 件 商品 添加 到 了 购物 车 后 ， 如 果 还 想 多 买 几 件 相 同 的 商品 ， 则 可 通过 修改 购 
物 车 中 商品 的 数量 来 实现 。 此 时 ， 用 户 只 需 修改 图 15-28 中 相应 商品 “购买 数量 ” 列 中 文本 
框 的 值 ， 然 后 单 击 “ 重 新 计算 ”按钮 即 可 重新 计算 购买 商品 的 总 价 。 

4. 清空 购物 车 中 商品 

在 用 户 把 商品 添加 到 购物 车 后 ， 若 不 想 购 买 添加 的 所 有 商品 ， 用 户 可 以 单 击 “ 清 空 购物 
车 ”按钮 删除 购物 车 中 的 全 部 商品 记录 ,在 清空 购物 车 后 用 户 将 被 重 定向 到 首页 Defaultaspx。 

5. 结算 购物 车 中 所 有 商品 
用 户 选 定 需要 购买 的 商品 后 ， 可 单 击 “ 结 算 ” 按 钮 进行 商品 结算 。 如 果 用 户 已 登录 ， 页 
面 将 被 重 定 向 到 订单 结算 页 面 SubmitCartaspx， 如 果 用 户 未 登录 或 还 没有 注册 ， 页 面 将 被 重 
定向 到 用 户 登 录 页 面 Login.aspx。 当 然 ， 实 际 工程 中 结算 还 需要 与 电子 支付 等 关联 。 
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15.7 订单 处 理 


订单 处 理 主要 实现 订单 管理 功能 ,包括 创建 订单 和 查看 订单 功能 ,分 别 由 SubmitCart.aspx 
和 OrderList.aspx 页 面 实 现 。 

订单 处 理 页 面 只 允许 登录 用 户 访问 ， 且 每 个 登录 用 户 只 能 查看 自己 的 订单 详细 信息 。 如 
果 用 户 未 登录 或 者 未 注册 ， 当 访问 订单 处 理 页 面 时 都 将 被 重 定向 到 用 户 登 录 页 面 Login.aspx， 
待 用 户 注册 登录 后 才 可 继续 访问 订单 处 理 页 面 。 


15.7.1 创建 订单 
当 登 录用 户 单 击 购物 车 页 面 的 “结算 ”按钮 时 ， 页 面 将 被 重 定向 到 创建 订单 页 面 


SubmitCart.aspx。 创 建 订单 页 面 主要 包括 文本 输入 控件 和 数据 验证 控件 ， 实 现 收 集 用 户 送 货 
地 址 和 订单 发 票 寄 送 地 址 等 信息 。 浏 览 效果 如 图 15-29 所 示 。 


MypetShop der 密码 修改 购物 记录 退出 登录 


您 的 位 置 : 首页 > 购物 车 > 订单 提交 


分 类 产品 
国 Fish 
由 Backyard 
Bi 填写 发 货 地 址 
国 Bugs 送 货 地 址 : 也 I 省 WH 
国 Ehdangered 发 票 守 送 地 址 也 江 省 杭 放 市 
城市 : | 
地 区 : 际 放 市 
邮编 : |310000 
联系 电话 : |13412345678 


ey | 
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图 15-29 创建 订单 页 面 浏览 效果 


确认 地 址 信息 无 误 后 ， 用 户 单 击 “ 提 交 结 算 ” 按 钮 即 可 创建 订单 ， 并 会 出 现 创建 订单 成 
功 的 提示 信息 。 


1S.7.2 ”查看 订单 


查看 订单 功能 允许 用 户 查 看 自己 的 所 有 订单 信息 ,由 OrderList.aspx 页 面 实现 。 当 用 户 成 
功 购买 商品 后 就 会 产生 相应 的 订单 ,用 户 可 通过 单 击 “ 用 户 状态 ”用 户 控件 中 的 “购物 记录 ” 
链接 将 页 面 重 定向 到 查看 订单 页 面 ， 查 看 自己 的 所 有 购物 记录 。 查 看 订单 页 面 主要 包括 一 个 
GridView 控件 ， 用 于 显示 该 用 户 的 所 有 订单 信息 。 浏 览 效 果 如 图 15-30 所 示 。 
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您 好 , coulder 密码 修改 购物 记录 退出 登录 


MypetShop 


您 的 位 置 : 首页 > 购物 记录 


分 类 产品 


ee i 
ee TtemId|OrderId| ProName |ListpricelQty/Totalpricel 

@ Birds 1 Flowerlovingl22.20 ls |177.60 

由 Bugs 

由 Endangered 
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图 15-30 ”查看 用 户 所 有 订单 信息 浏览 效果 


注意 : 只 有 Member 角色 的 用 户 登 录 后 才能 看 到 “购物 记录 ”链接 。 所 有 通过 MyPetShop 
应 用 程序 注册 的 用 户 都 属于 Member 角色 。 


1S.8 ”后 台 管理 模块 


后 台 管 理 模块 是 所 有 电子 商务 系统 中 必 备 的 功能 模块 ， 主 要 实现 数据 管理 功能 ， 包 括 商 
品 分 类 管理 、 供 应 商 信 息 管理 、 商 品 管理 和 订单 管理 四 大 部 分 , 实现 页 面 都 保存 在 MyPetShop 
应 用 程序 的 Admin 文件 夹 下 。 

后 台 管 理 模块 启用 了 Forms 身份 验证 机 制 和 URL 授权 机 制 ， 通 过 在 Admin 文件 夹 下 新 
建 Web.config 文件 并 进行 相应 的 配置 实现 只 允许 管理 员 用 户 访问 的 功能 ， 也 就 是 说 ， 只 有 属 
于 Admin 角色 中 的 用 户 才能 访问 。 

注意 : MyPetShop 应 用 程序 未 考虑 管理 员 用 户 注册 功能 。 因 此 ， 要 注册 管理 员 用 户 可 通 
过 “ASPNET 网 站 管理 工具 ”实现 。 


1S.8.1 ”商品 分 类 管理 


商品 分 类 管理 由 CategoryMasteraspx 页 面 实现 ， 主 要 涉及 LinqDataSource 控件 和 
DetailsView 控件 ,实现 商品 分 类 信息 管理 功能 。DetailsView 控件 以 分 页 方式 显示 商品 分 类 信 
息 ， 单 击 “ 编 辑 ”“ 删 除 ””“ 新 建 ” 链 接 分 别 可 以 实现 修改 、 删 除 和 添加 商品 分 类 信息 功能 。 
商品 分 类 管理 页 面 浏 览 效 果 如 图 15-31 所 示 。 


15.8.2 ”供应 商 信息 管理 


供应 商 信息 管理 由 SupplierMasteraspx 页 面 实现 ， 主 要 涉及 LinqDataSource 控件 和 
DetailsView 控件 ， 实 现 供应 商 信息 管理 功能 。DetailsView 控件 以 分 页 方式 显示 供应 商 信息 ， 
单 击 “ 编 辑 ”“ 删 除 和 “新 建 ”链接 分 别 可 以 实现 修改 、 删 除 和 添加 供应 商 信息 功能 。 供 应 
商 信息 管理 页 面 浏览 效果 如 图 15-32 所 示 。 
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MyPeKShop 你 好, admin 密码 个 次 系统 兴 理 退出 澡 录 
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图 15-31 商品 分 类 管理 页 面 浏览 效果 


MyPetShop 


您 的 位 置 : 
分 类 管理 
供应 商 管理 
商品 管理 
订单 管理 
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图 15-32 ”供应 商 信息 管理 页 面 浏览 效果 


15.8.3 ”商品 信息 管理 


商品 信息 管理 由 ProductMasteraspx 页 面 实现 , 主要 涉及 LinqDataSource 控件 和 GridView 
控件 ， 实 现 商 品 信息 管理 功能 。GridView 控件 以 分 页 方式 显示 商品 信息 。 
商品 信息 管理 页 面 浏览 效果 如 图 15-33 所 示 。 

1.。 添 加 商品 信息 

添加 商品 信息 由 AddPro.aspx 页 面 实 现 。 当 单 击 商品 信息 管理 页 面 中 “添加 商品 ”链接 
按钮 后 ， 页 面 被 重 定向 到 AddPro.aspx。 在 AddPro.aspx 页 面 中 ， 使 用 了 多 种 服务 器 控件 和 数 
据 验证 控件 用 于 商品 信息 的 输入 。 用 户 输入 正确 的 商品 信息 后 ， 单 击 “ 添 加 商品 ”按钮 实现 
商品 信息 的 添加 。AddPro.aspx 浏览 效果 如 图 15-34 所 示 。 


MyPetShop 


口 1 Meno I¥12.10 100 
|2 |Eucalyptus I¥28.50 100 
口 B Ant ¥23.40 100 
口 站 Butterfiy Y24.70 100 
口 5 cat 38.50 99 
6 Zebra I¥40.40 100 
| [Domestic I¥45.50 100 
口 Fowerloving ¥22.20 100 
口 panda i¥47.70 100 
10 Pointy ¥35.50 99 
用 商品 


MyPetShop 


您 的 位 置 : 
分 类 管理 
供应 商 管理 
商品 管理 
订单 管理 


图 15-33 ”商品 信息 管理 页 面 浏览 效果 


您 好 , admin 密码 修改 系统 管理 退出 登录 


[Ts 


Bhan 


商品 分 类 : [Endangered[ 史 ] 


商品 单价 : |100.8 


图 15-34 添加 商品 信息 页 面 浏 览 效果 
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2. 修改 商品 信息 

修改 商品 信息 由 ProductSub.aspx 页 面 实现 。 当 单 击 商 品 信息 管理 页 面 中 的 商品 名 (呈现 
为 超 链接 ) 后 ， 页 面 被 重 定 向 到 ProductSub.aspx， 同 时 商品 编号 作为 QueryString 参数 传递 到 
ProductSub.aspx。ProductSub.aspx 页 面 使 用 了 多 种 服务 器 控件 和 数据 验证 控件 ， 根 据 传 入 的 
商品 编号 显示 相应 的 商品 信息 。 当 用 户 修改 商品 信息 后 ， 单 击 “ 修 改 商 品 ” 按 钮 将 把 修改 后 
的 商品 信息 保存 到 MyPetShop .mdf。ProductSub.aspx 浏览 效果 如 图 15-35 所 示 。 


MyPetShop 您 好 , admin 密码 修改 系统 管理 退出 登录 


图 15-35 ”修改 商品 信息 页 面 浏览 效果 


3 删除 商品 信息 

在 商品 信息 管理 页 面 ， 选 中 相应 商品 前 面 的 复 选 框 ， 单 击 “ 删 除 商品 ”按钮 即 可 实现 删 
除 商 品 信息 功能 。 
1S.8.4 ”订单 管理 

订单 管理 由 OrderMaster.aspx 页 面 实现 ， 主 要 利用 GridView 控件 实现 订单 管理 功能 。 浏 
览 效果 如 图 15-36 所 示 。 

1， 查看 订单 详细 信息 

查看 订单 详细 信息 由 OrderSub.aspx 实现 。 每 个 订单 都 包含 一 种 或 一 种 以 上 的 商品 , 当 管 
理 员 用 户 想 查 看 订单 详细 信息 时 ， 可 单 击 订单 管理 页 面 中 的 “订单 详细 ”链接 按钮 ， 页 面 将 
被 重 定向 到 OrderSub .aspx， 同 时 将 订单 编号 作为 QueryString 参数 传递 到 OrderSub.aspx 中 。 


第 15 章 MyPetShop 综合 实例 


OrderSub.aspx 页 面 根据 获取 的 订单 编号 显示 相应 订单 的 详细 信息 , 包括 组 成 订单 的 详细 购买 
信息 和 订单 的 地 址 信息 等 。 浏 览 效果 如 图 15-37 所 示 。 


您 好 , admin 密码 修改 系统 管理 退出 登录 


MyPetShop 


您 的 位 置 : 
分 类 管理 
供应 商 管理 
商品 管理 
订单 管理 
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图 15-36 订单 管理 页 面 浏览 效果 


Meihoe 您 好 ,admin 密码 修改 系统 管理 退 山 登 录 
您 的 位 置 : 
分 类 管理 
供应 商 管 理 
商品 管理 
订单 管理 订单 ID: 2 
客户 名 称 : coulder 
订购 时 间 : 2014/2/10 20;05:31 
地 址 1: 浙江 省 杭州 市 
地 址 2: 浙江 省 杭州 市 
城市 : 杭州 市 
区 域 : 杭州 市 
邮编 : 31000 
手机 : 13412345678 
审核 拟态 : 已 审核 
购买 1 
序号 订单 号 商品 名 称 商品 单价 购买 数量 总 价 
了 南 -: Pointy 35.50 本 35.50 
Li 3 . Cat 38.50 Ei 38.50 


图 15-37 订单 详细 信息 页 面 浏览 效果 


2. 审核 订单 
当 用 户 单 击 创建 订单 页 面 中 的 “提交 结算 ”按钮 后 ， 此 时 订单 状态 为 “未 审核 >?。 只 有 
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通过 管理 员 审 核 ， 用 户 的 购物 行为 才 算 是 真正 成 功 。 
在 订单 管理 页 面 ， 选 择 订单 列表 中 相应 订单 信息 前 的 复 选 框 ， 单 击 “ 审 核 商 品 ” 按 钮 即 
可 审核 通过 相应 的 订单 ， 此 时 该 订单 状态 变 为 “已 审核 ”。 浏 览 效 果 如 图 15-38 所 示 。 


a 
MyPetShop 您 好 ,admin 密码 个 隐 系统 管理 退出 痘 录 
您 的 位 置 : 
分 类 罕 
供应 商社 
商品 管理 
订单 管理 
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图 15-38 订单 审核 后 浏览 效果 


15.9 小 结 


本 章 介 绍 了 MyPetShop 综合 实例 的 开发 过 程 ， 主 要 包括 系统 总 体 设计 、 数 据 库 设 计 、 用 
户 控件 设计 、 前 台 页 面 设计 、 购 物 车 模块 设计 、 订 单 处 理 模块 设计 和 后 台 管理 模块 设计 等 。 
该 实例 综合 ASPNET 4.5 Web 应 用 程序 开发 全 过 程 ， 给 出 了 一 个 很 好 的 学 习 模板 。 希 望 通 过 
学 习 MyPetShop 应 用 程序 ,了解 其 设计 思想 ,进而 熟悉 和 掌握 基于 ASPNET 4.5 的 Web 应 用 
程序 开发 方法 。 


15.10 习 题 


上 机 操作 题 
(1) 分 析 并 调试 MyPetShop 综合 实例 。 
(2) 选择 自己 感 兴趣 的 一 个 Web 应 用 程序 (可 考虑 作为 本 课程 的 课程 设计 题目 ) 进行 设 


计 开 发 ， 要 求 充分 使 用 ASPNET 4.5 技术 。 


实例 2-1 
实例 2-2 
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